Question

Ext动态增加与删除Panel中组件的问题。急~~ 解决后给加分~~~

{
xtype:"panel",
layout:"form",
id: 'hotPapersPanel',
collapsible:"true",
style:"margin-top:0px;padding:0px"
} 这是一个Panel

在加入组件之前，先清除Panel中的组件，
var itemses = hotPapersPanel.items;
for(var i = 0; i < hotPapersPanel.items.length; i ++){
hotPapersPanel.remove(itemses[i]);
}

将Aspire.widget.Link组件加入到Panel里。
for(var j = 0; j < dataList[0].items.length; j ++){
subPanel = getLink(dataList[0].items[j]);
hotPapersPanel.add(subPanel);
}
现在是动态加入没问题，但是加入前的删除有问题，itmeses的值是undefined。请教应该怎么进行删除？急~~~~
hotPapersPanel是已经通过Ext.getCmp("hotPapersPanel");取出来的对象。

Answer 1

试试这样
{
layout : 'form',
border : false,
id :'result_items',
items : []
}
var panel = new Ext.Panel({
id : 'itemPanel',
layout : 'form',
border : false,
items : []
});
for(var j = 0; j < dataList[0].items.length; j ++){
subPanel = getLink(dataList[0].items[j]);
Ext.getCmp('itemPanel').add(subPanel);
}
Ext.getCmp('result_items').add(panel);
最外层那个formpanel调用一下doLayout()方法。
要重新添加组件就先Ext.getCmp('result_items').remove(Ext.getCmp('itemPanel'))
再像上面那样做

Answer 2

hotPapersPanel.removeAll()

追问

有这个方法么？？

追答

removeAll( [Boolean autoDestroy] ) : Array
从此容器中移除某个组件。Removes all components ...
从此容器中移除某个组件。Removes all components from this container.
参数项：
autoDestroy : Boolean
True表示为自动执行组件Ext.Componentdestroy 的函数。(optional) True to automatically invoke the removed Component's Ext.Componentdestroy function. Defaults to the value of this Container's autoDestroy config.
返回值：
Array
被销毁的组件数组。Array of the destroyed components

Answer 3

获取组件的信息

组件对象：Ext.getCmp('id') 或 Ext.get('id').dom

看看api就知道了

Answer 4

都看不懂…………