Sencha Touch Tab 处理程序答案

【问题标题】：Sencha Touch Tab HandlersSencha Touch Tab 处理程序
【发布时间】：2010-10-09 19:20:59
【问题描述】：

我正在尝试在 Sencha Touch 中做一个 Tabpanel 并向其中一个按钮添加一个处理程序，但是当我单击它时该事件不会触发。有什么想法吗？

代码如下：

处理程序：

var handler = function(button, event) {
        var txt = "YES!";
        alert(txt);
    };

还有项目：

items: [{
        xtype: 'button',
        title: 'Test',
        html: 'Test',
        iconCls: 'info',
        cls: 'card1',
        handler: handler
    }]

【问题讨论】：

标签： javascript extjs sencha-touch

【解决方案1】：

添加后项：

listeners: {
        cardswitch : function() {
          console.log('cardswitch!');
        }
}

请参阅文档http://dev.sencha.com/deploy/touch/docs/?class=Ext.TabBar

【讨论】：

【解决方案2】：

对于您的具体情况，如果您希望仅在一个选项卡的情况下触发您的事件，您可以监听该选项卡的 activate 事件：

items: [{
        xtype: 'button',
        title: 'Test',
        html: 'Test',
        iconCls: 'info',
        cls: 'card1',
        listeners: {
            activate : function() {alert("bam!")}
        }
    }]

【讨论】：