アプリケーション内のすべてのボタンのイベントをバインドする

Question

ExtJSアプリケーションのすべてのボタンに対してイベントをバインドするにはどうすればよいですか？ jQueryのような ：

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

Answer 1

二つの方法：

あなたは内線の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() {...}); 
}; 

に対して個別のハンドラをバインドすることです