EXTJS OnClick Tab Event

Question

Есть ли способ прикрепить событие OnClick к переключателю вкладок в 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);
      });
       });
      }
    }
        }