如何在 extjs4 中获取选项卡面板的活动选项卡的子组件？

Question

我有一个简单的选项卡面板。我想获取当前活动选项卡的子组件并销毁它们和 doLayout()。以下代码将不起作用：

Ext.getCmp('centertabpanel').getActiveTab().items.destroy();

Answer 1

这里要记住的一件事是，ExtJS 中 TabPanel 中的选项卡只需是 BoxComponent 或 组件。这意味着选项卡不需要保存子元素。但是，如果您知道您的 centertabpanel 具有带有 Containers，那么您有两个选择：

如果您的选项卡是一个将 autoDestroy 设置为 true（这是默认值）的容器，则只需使用：

    Ext.getCmp('centertabpanel').getActiveTab().removeAll();

如果您想要设置autoDestroy 设置为 false，然后使用以下代码：

    Ext.getCmp('centertabpanel').getActiveTab().each(function(item, idx, len) {
        item.destroy();
    });

.each() 定义于 混合集合。它将按顺序对所有子项执行第一个参数中的函数。附带说明一下，如果您在函数内返回 false，那么它将停止元素的所有迭代。