javascript - Sencha Touch 2 TabPanel アクティブ アイテム クリック

Question

Tabbar の activeitem にクリック リスナーを追加する方法

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

Answer 2

より簡単:

通常はタブと同じようにボタンを追加します...次に、tabpanel構成要素に次を追加します。

listeners: {
    activeitemchange: function(source, value, oldValue, eOpts) {
        if(value.id == 'chiama') {
                            // do actions...
            // for example open a link: 
                            // document.location = 'www.google.it';

            source.setActiveItem(oldValue); //avoid tab switching
            return false; // avoid tab switching
        }
    }
}