extjs - 为应用程序中的所有按钮绑定(bind)点击事件

Question

如何为我的 ExtJS 应用程序中的所有按钮绑定(bind)事件？
像 JQuery:

$('button').click(function(el) {
    console.log($(el).getattr('value'));
});

Answer 1

两种方式:

如果你正在按照 Ext 的 MVC 模式编写一个完整的应用程序，你必须实例化一个 Ext.Application并使用带有如下代码的 Controller

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller

http://docs.sencha.com/ext-js/4-1/#/guide/application_architecture

示例代码

Ext.define('MyApp.controller.Buttons', {
    extend: 'Ext.app.Controller',

    init: function() {
        this.control({
            'button': {
                click: function() { ... }
            }
        });
    }
});

破解的方法是进行查询并为每个按钮绑定(bind)一个单独的处理程序

Ext.Array.each(Ext.ComponentQuery.query('button'), function(btn)) {
  btn.on('click', function() {...});
};