动态改变panel 中items内容

Question

例如：var panel1=new Ext.panel({
id:'123',
html'123'
});
var panel3=new Ext.panel({
id:'789',
html'789'
});

var tab=new Ext.TabPanel({
activeTab:0,
region:'center',
items: [
{
title: 'test',
border:false,
layout:'border',
items:[panel3]
},
{
title: 'test',
border:false,
layout:'border',
items:[panel1]
}
]
};
var panel2=new Ext.panel({
id:'456',
html'456'
});
怎么让动态改变第二个tab页显示panel2？ 至于网上说得 先remove 在add 最后调用doLayout(true)只是把panel1移除了，panel2没有显示出来。 就大侠们指点。

Answer 1

[quote]
panel没有removeAll()方法，我用remove(data3);this.add(newdata3);或者this.items.add(newdata3); this.doLayout(); panel3里面出现空白 说明data3移除成功 newdata3添加没有显示出来 不知道原因在哪？
[/quote]
removeAll方法是有的，你可以在API文档中找到。删除后显示不出来，我估计是因为你这里使用了border布局，这种布局要求center部分组件一定要有，如果你删除了就不行（我试过了，如果把panel2换成默认布局就可以）。这里我建议你试试其他布局方式。