Question

[解决]

我正在关注本教程link

我的主视图中有一个按钮，如此

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

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

2 个答案: