Javascript 正确删除tabpanel extjs中的项目

我有一个问题后，打开和关闭一个标签几次。刚开始打开和关闭时，选项卡面板内的表单呈现良好，但一旦我多次这样做，应用程序就会表现出奇怪的行为（网格无法再编辑，等等），我认为这可能是因为选项卡内的组件没有正确销毁。那么，我是否以正确的方式销毁选项卡中的组件？这是我的密码：

{
                region: 'center',
                xtype: 'tabpanel',
                flex: 1,
                border: true,
                id: 'modulePanel',
                ui: 'blue-tab',
                resizeTabs: true,
                autoDestroy: false,
                detachOnRemove: true,
                layout: 'fit',
                bodyPadding: 0,
                items: [

                ],
                listeners: {
                    remove: function(tp, c, e){
                        if(c && c.xtype == 'tab'){
                            c.destroy();
                            tp.remove(c);
                            pl.remove(pl.findRecord('id',c.initialConfig.card.tabid));
                            pl.commitChanges();
                            if(pl.getCount() == 1){
                                Ext.getCmp('menubar').toggleFullscreen(false,false);
                            }
                        }
                    },
.....

以下是我添加项目的方式：

addTab: function(className, tabTitle, tabId){
    Ext.require(className);
    var modulePanel = this.getModulePanel();
    var module = Ext.create(className);
    var tab = modulePanel.add({
        title: tabTitle,
        xtype: 'panel',
        closable: true,
        tabid: tabId,
        border: true,
        items:[]
    });
    tab.add(module);
    modulePanel.setActiveTab(tab);
},

---

我不知道发生了什么，但现在一切正常。不知怎的，这个框架很奇怪