Question

我们如何在Tabbar中为clickitem添加点击监听器，因为我搜索我发现只有可用的事件是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());
    }
});

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

Sencha Touch 2 TabPanel激活项目单击

2 个答案: