javascript - 如何在 extjs 中重新添加已删除的选项卡

Question

我想添加/删除标签。

我知道添加/删除方法。但我的问题是我想再次重新添加相同的选项卡。重新添加的选项卡存储在内存中。我希望能够做这样的事情:

function addMyTab(tab) {
    var me = this;
    if (!tab) { // use most recently added tab
        tab = me.tab;
    } else { // update most recently added tab
        me.tab = tab;
    }

    var tabPanel = Ext.ComponentQuery.query(..);
    tabPanel.removeAll();
    tabPanel.add(me.tab);
}

但这不起作用，它会抛出此错误:

Uncaught TypeError: Cannot read property 'addCls' of null

安Extjs forum thread建议这是由于试图添加一个已经被破坏的元素。

如何重复使用标签？

Answer 1

由于您似乎是在说您正在重新添加要删除的面板，所以我猜该面板在删除步骤后会被销毁。我认为这样的事情应该可行:

// initially add the panel
tabPanel.add(myPanel);

// remove it with autoDestroy set to false so Ext doesn't kill your panel
tabPanel.removeAll(false); 

// re-add the panel
tabPanel.add(myPanel);