TabPanel Events

Question

일부 TabPanels 및 일부 탭이 포함 된 Ext Js 웹에서 작업 중이며 각 탭마다 다른 JQuery를 사용하고 싶습니다. 일부 JQuery 이벤트를 첨부하면 모든 탭에 첨부됩니다. 그들은 같은 HTML에 있기 때문에 하나의 탭을 열기 전에 모든 JQuery 이벤트의 바인드를 해제하고 원하는 탭을 바인딩하여 해당 탭이 열렸을 때 이벤트를 듣고 싶습니다.

listeners:{ 
     beforetabchange : function(){ 
      Ext.Msg.alert("beforetabchange"); 
     }, 
     beforeshow : function(){ 
      Ext.Msg.alert("beforeshow"); 
     }, 
     activate : function(){ 
      Ext.Msg.alert("activate"); 
     }, 
     deactivate : function(){ 
      Ext.Msg.alert("deactivate"); 
     } 
    } 

그래서 나는 많은 팝 업을 기대했지만, 하나는 "beforetabchange"에 해당하는 하나 보여 그것은 단지 실행됩니다 이벤트를 테스트하기 위해

나는 나의 탭 패널에 다음 리스너를 부착 처음으로 한 탭을 열면 ... 예를 들어 내가 얻지 못하는 것이 있습니다 : 탭을 열 때마다 "활성화"팝업이 표시되어야합니까? 나는 그렇게 기대하고 있었다.

Answer 1

내가하고 싶은 것을 이해할 수 없지만 아래 코드를 가지고 있습니다. 도움이 될 수 있습니다.

 
items:[{ 
     xtype: 'tabpanel', 
     activeTab: 0, 
     items:[{ 
      title: 'tab1', 
      id:'divtab1', 
      autoHeight: true, 
      items:[{ 
        // your content here 
      }] 
     },{ 
      title: 'tab2', 
      id:'divtab2', 
      autoHeight: true, 
      items:[{ 
        // your content here 
      }] 
     },{ 
      title: 'tab3', 
      id:'divtab3', 
      autoHeight: true, 
      items:[{ 
        // your content here 
      }] 
     }], 
     listeners: { 
      'tabchange': function(tabPanel, tab){ 
       if(tab.id=="divtab1") 
       { 
         function1(); 
       } 
       else if(tab.id=="divtab2") 
       { 
         function2(); 
       } 
       else 
       { 
         function3(); 
       } 
      } 
     } 

}]