javascript - Sencha Touch 2 TabPanel active Item 点击

Question

我们如何将点击监听器添加到 Tabbar 中的 activeitem，当我搜索时，我发现唯一可用的事件是 activeitemchange 所以只有当我点击另一个项目然后点击 myitem 时才会执行该操作

Answer 1

在添加监听器时使用 delegate 属性将监听器直接添加到选项卡本身:

var tabPanel = Ext.Viewport.add({
    xtype: 'tabpanel',

    items: [
        {
            title: 'one',
            html: 'one'
        },
        {
            title: 'two',
            html: 'two'
        }
    ]
});

tabPanel.on({
    delegate: 'tab',
    tap: function(tab) {
        console.log(tab.getText());
    }
});