Ext 在tabpanel中添加一个formPanel不显示表单组件问题

Question

//页面布局中的'tabpanel'{
region:'center',
id:'c_main',
xtype:'tabpanel',
enableTabScroll:true,  
activeTab:0,  
items:[{  
id:'homePage',  
title:'首页',  
autoScroll:true,  
html:'<div style="position:absolute;color:#ff0000;left:13%;"><img src=images/welcome.gif /></div>'  
}]  
} 
树菜单点击事件添加formPanel
tree.on('click',function(node){
var id=node.id;
var p=Ext.getCmp('c_main').getItem(id);

if(id=='addcp'){
if(!p){
p=Ext.getCmp('c_main').add(pdsForm);
}
Ext.getCmp('c_main').setActiveTab(p);
}
}定义的formPanel：
var pdsForm=new Ext.form.FormPanel({
url:'pds/addpds.php',
method:'POST',
id:'pds_form',
title:'添加产品',
labelAlign:'left',  
frame:false,  
bodyBorder:false,
width:500,
bodyStyle:'padding:30px',  
closable:true,
layout:'fit',
items:[{
layout:'column',
width:500,
items:[{
columnWidth:.3,
layout:'form',
items:[{
xtype:'combo',
fieldLabel:'产品类型',
allowBlank:false,
mode:'local',
width:125,
store:pdstype,
valueField:'id',
displayField:'genre',
hiddenName:'pdsType'
},{
xtype:'textfield',
fieldLabel:'测试'
}]
},{
columnWidth:.3,
layout:'form',
items:[{
xtype:'textfield',
fieldLabel:'测试2'
},{
xtype:'textfield',
fieldLabel:'测试3'
}]
}]   
}]
});当我点击第一次树菜单的时候 formPanel 正常显示 当我关闭fromPanel 再打开的时候 tabpanel是添加了的 就是不显示formPanel中的表单元素了，一个空白页面，只显示title 请问怎么解决