如何在extjs4中获取tabpanel的活动选项卡的子组件?
我有一个简单的选项卡面板。我想获取当前活动选项卡的子组件并销毁它们,然后如何在extjs4中获取tabpanel的活动选项卡的子组件?,extjs,extjs4,tabpanel,Extjs,Extjs4,Tabpanel,我有一个简单的选项卡面板。我想获取当前活动选项卡的子组件并销毁它们,然后doLayout()。以下代码不起作用: Ext.getCmp('centertabpanel').getActiveTab().items.destroy(); 这里需要记住的一点是,ExtJS中TabPanel中的选项卡只需要是ExtJS3中的a或ExtJS4中的a。这意味着不需要制表符来容纳子元素。但是,如果您知道您的centertabpanel有带的选项卡,则有两个选项: 如果您的选项卡是一个容器,其autoDes
doLayout()
。以下代码不起作用:
Ext.getCmp('centertabpanel').getActiveTab().items.destroy();
这里需要记住的一点是,ExtJS中TabPanel中的选项卡只需要是ExtJS3中的a或ExtJS4中的a。这意味着不需要制表符来容纳子元素。但是,如果您知道您的
centertabpanel
有带的选项卡,则有两个选项:
如果您的选项卡是一个容器,其autoDestroy
设置为true(默认设置),则只需使用:
Ext.getCmp('centertabpanel').getActiveTab().removeAll();
如果要将autoDestroy
设置为false,请使用以下代码:
Ext.getCmp('centertabpanel').getActiveTab().each(function(item, idx, len) {
item.destroy();
});
.each()
在上定义。它将按顺序对所有子项执行第一个参数中的函数。顺便说一句,如果在函数中返回false,那么它将停止所有元素的迭代。@ryan我没有错误,也没有发生任何事情。我的问题可能是如何获取组件的所有子元素并销毁它们?