extjs - アプリ内のすべてのボタンにクリック イベントをバインドする

Question

ExtJS アプリのすべてのボタンにイベントをバインドするにはどうすればよいですか? JQuery のように:

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

Answer 1

ふたつのやり方：

ExtのMVCパターンに従って完全なアプリを作成している場合は、をインスタンス化してExt.Application、次のようなコードでコントローラーを使用する必要があります。

• 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() { ... }
            }
        });
    }
});

ハッキングされた方法は、クエリを実行し、ボタンごとに個別のハンドラーをバインドすることです。

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