sencha-touch - Sencha touch - 为什么我的按钮不起作用？

Question

[解决了]

我正在关注这个教程链接

我的主视图中有一个按钮，如下所示

Ext.define('Sencha.view.Main', {
    extend: 'Ext.Panel',

    config: {
        items:[
            {
                text:'hello',
                xtype:'button',
                action:'pingHomeBadge',
            }
        ]
    }
});

我的主控制器看起来像

    Ext.define('Sencha.controller.Main', {
    extend: 'Ext.app.Controller',

    config: {
        refs: {
            starButton:'button[action=pingHomeBadge]',
        },
        control: {
            starButton: {
                tap:'incrementHomeBadge',
            },
        }
    },

    incrementHomeBadge: function() {
        alert("hello");
    },
});

该按钮被显示，但是当我单击该按钮时没有任何反应。有人知道我在做什么错吗？我几乎复制粘贴了教程中的代码。谢谢

Answer 1

我建议你尝试这种方式：

Ext.define('Sencha.controller.Main', {
extend: 'Ext.app.Controller',

config: {
    refs: {
       // starButton:'button[action=pingHomeBadge]',
    },
    control: {
        'button[action=pingHomeBadge]': {
            tap:'incrementHomeBadge',
        },
    }
},

incrementHomeBadge: function() {
    alert("hello");
},

});

还要检查这个控制器是否正在加载。如 app.js 中所述

Answer 2

更新

实际上它们不在您的控制范围内，但是您的参考文献看起来不错...我没有看到您的代码有任何内容，所以我怀疑问题出在其他地方...为什么不将您的源代码与本教程的源代码进行比较呢？http://github.com/senchalearn/Tabs-and-Toolbars