그리드를 탭 패널의 특정 탭에 동적으로 추가하십시오.

Question

어떻게 tabpanel의 특정 탭에 그리드를 동적으로 추가 할 수 있습니까?
내 탭 패널 :

var tabs = Ext.create('Ext.tab.Panel', { 
      region: 'center', // a center region is ALWAYS required for border layout 
      deferredRender: false, 
      activeTab: 0,  // first tab initially active 
      items: [{ 
       title: 'grid', 
       autoScroll: true 
      }, { 
       title: 'Center Panel', 
       autoScroll: true 
      }] 
     }); 

내가 .I이 tabs.getComponent(0) 그리드 탭을 얻을 수있는 탭에서 그리드 탭에 동적으로 그리드를 추가 할하지만 난 그것에 그리드를 추가 할 수있는 방법을 모른다!
내 응용 프로그램에서 사용자가 그것을 클릭하면 tabPanel있는 표 탭에 눈금을 추가 할 단추가 있습니다. 내용으로 특정 탭으로 그리드를 추가

Answer 1

내가

tabs.remove(tabs.getComponent(0)); 
    tabs.insert(0,grid); 
    tabs.getComponent(0).setTitle("grid"); 
    tabs.setActiveTab(0); 
    tabs.doLayout(); 

내가 특정 탭을 제거하고 그 위치에 새 탭을 삽입하고 이전 제거 탭에 새 탭의 제목을 변경하고 활성으로 설정! :이 트릭을 할 새 탭!