EXTJS ऑनक्लिक टैब इवेंट

Question

क्या ऑनक्लिक ईवेंट को EXTJS में एक टैब स्विच में संलग्न करने का कोई तरीका है?

मैं इस तरह ग्रिड बनाने:

var simple = new Ext.FormPanel({ 
    labelWidth: '100%', 
    border:false, 
    width: '100%', 
      style: 
      { 
       height: '291px' 
      }, 
    items: { 
     xtype: 'tabpanel', 
     activeTab: 0, 
     //labelWidth: 75, // label settings here cascade unless overridden 
     items:[{ 
     url:'save-form.php', 
     title: 'Tab 1', 
    ... 

धन्यवाद!

Answer 1

मैं टैब के बाद एक श्रोता में जोड़ा इस तरह परिभाषित किया गया:

//define all tabs, and after the ] from the tab panel JSON: 
listeners: { 
    'tabchange': function(tabPanel, tab) { 
     alert("tab changed"); 
    } 
} 

यह सिर्फ अलर्ट जब टैब बदल गया है, जो मेरे उद्देश्यों के लिए पर्याप्त है। मुझे यकीन नहीं है कि यह पता लगाने के लिए कि कौन सा टैब वर्तमान टैब है।

उम्मीद है कि यह भविष्य में किसी की सहायता करेगा।

Answer 2

एक tabchange घटना नहीं है कि आग जब सक्रिय टैब परिवर्तन: http://www.sencha.com/learn/Ext_FAQ_TabPanel

Answer 3

There is no event for tab click in TabPanel, however you can bind into click event on each tab. You can add custom event. 
Following example help to you. 


{ 
    xtype : 'tabpanel', 
    items : [{ 
    xtype : 'panel', 
    title: 'ABC' 
    },{ 
     xtype : 'panel', 
     title : 'XYZ' 
}], 
    listeners: { 
    render: function() { 
    this.items.each(function(panel){ 
     // Added tabclick event for tabpanel                   
     panel.tab.on('click', function(){ 
     panel.addEvents('tabclick'); // addded event to panel 
     panel.fireEvent('tabclick', panel); 
     }); 
     }); 
     } 
    } 
     }