如何在Tabpanel中爲ExtJS選項卡添加單擊事件

Question

我有tabpanel，默認情況下所有選項卡都處於禁用狀態。根據條件，一些標籤將被啓用，我已經完成了該部分。現在我想爲選項卡添加單擊事件，我嘗試使用tabchange，但問題是當我在運行時啓用選項卡時tabchange事件被觸發，但我希望在用戶單擊選項卡時觸發它。

var empTabPanel= new Ext.tab.Panel({ 
     id: 'emptabpanel', 
     width: '100%', 
     xtype: 'container', 
     layout: 'hbox', 
     items: [{ 
       title: 'Personal Details', 
       border: 0, 
       id: 'PERSONAL_DETAILS' 
      },{ 
       title: 'Department Details', 
       border: 0, 
       id: 'DEP_DETAILS' 
      },{ 
       title: 'Leave Details', 
       border: 0, 
       id: 'LEAVE_DETAILS' 
      }] 
    }); 

Answer 1

我已經寫評論，但大多數人沒有看到評論，這就是爲什麼我寫這篇文章在崗。

嘗試在運行時使用suspendEvent函數。當您的操作完成後使用resumeEvent功能。

如何使用上述功能？

tabPanel.suspendEvent (eventName) 
tabPanel.resumeEvent (eventName) 

- >不要忘了resumeEvent

謝謝.. :)

Answer 2

你可以添加一個默認的監聽

var empTabPanel= new Ext.tab.Panel({ 
 
      ... 
 
    \t  defaults: { 
 
       handler: function(item){ 
 
       ... 
 
       if(item is tab1){ 
 
        // active/inactive 
 
       } 
 
       else if(){}... 
 
       } 
 
      }, 
 
      items: [{ 
 
        title: 'Personal Details', 
 
        border: 0, 
 
        id: 'PERSONAL_DETAILS' 
 
       },{ 
 
        title: 'Department Details', 
 
        border: 0, 
 
        id: 'DEP_DETAILS' 
 
       },{ 
 
        title: 'Leave Details', 
 
        border: 0, 
 
        id: 'LEAVE_DETAILS' 
 
       }] 
 
       
 
      });