EXTJS OnClick选项卡事件

有没有办法将OnClick事件附加到EXTJS中的选项卡开关？EXTJS OnClick选项卡事件

我使电网这样的：

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', 
    ...

谢谢！

来源

2010-12-20 Doug Molineux

我在听众中添加的标签后是这样定义的：

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

这只是警告当标签改变，这对我的目的来说已经足够了。我不确定如何找出哪个标签是当前标签。

希望这可以帮助未来的人。

来源

2010-12-20 17:35:55

'Ext.TabPanel.getActiveTab（）'返回作为活动选项卡的组件。 – Mchl 2010-12-20 17:41:29

您的tabchange eventhandler中的第二个参数将是对激活选项卡的引用。 – HOCA 2010-12-22 01:36:15

有一个tabchange事件触发时激活的标签的变化：http://www.sencha.com/learn/Ext_FAQ_TabPanel

来源

2010-12-20 17:04:45

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); 
     }); 
     }); 
     } 
    } 
     }

来源

2013-11-29 11:43:55 Sudarshan

EXTJS OnClick选项卡事件

回答

相关问题