탭 패널 내부 항목을 올바르게 삭제

Question

탭을 여러 번 열고 닫은 후에 문제가 발생했습니다. 처음에는 열고 닫을 때 탭 패널 내부의 폼이 렌더링되지만 일단 여러 번 실행하면 응용 프로그램이 이상하게 작동합니다 (그리드를 더 이상 편집 할 수 없음). 탭 안의 구성 요소가 올바르지 않을 수도 있기 때문일 수도 있습니다. 의해 파괴됨. 그래서 탭 안의 구성 요소를 파괴하는 올바른 방법을하고 있습니까? 무슨 일이 있었 그러나 지금 확인 어떤 작품 잘 모릅니다

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); 
}, 

Answer 1

: 나는 항목을 추가하는 방법

{ 
       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); 
          } 
         } 
        }, 
..... 

이것이다 : 여기 내 코드입니다. 어떻게 든이 프레임 워크는 이상합니다.