ExtJS的4.2.1 - 工具欄和委託點擊事件按鈕

Question

我搜索在谷歌，但沒有發現這個問題的任何答案...

我有了內的多個按鈕的工具欄。我怎麼會去委託點擊事件到每個工具欄裏面的按鈕，而無需編寫類似：

{ 
    xtype: 'button', 
    text: 'Click me', 
    handler: function() { 
     // do something... 
    } 
} 

爲每個按鈕？

Answer 1

按你的意見，我會做這樣的事情：

Ext.define('MyContainer', { 
    extend: 'Ext.container.Container', 

    initComponent: function() { 
     var handler = this.handleButton; 
     this.defaultType = 'button'; 
     this.items = [{ 
      text: 'A', 
      key: 'itemA', 
      handler: handler 
     }, { 
      text: 'B', 
      key: 'itemB', 
      handler: handler 
     }, { 
      text: 'C', 
      key: 'itemC', 
      handler: handler 
     }, { 
      text: 'D', 
      key: 'itemD', 
      handler: handler 
     }]; 
     this.callParent(); 
    }, 

    handleButton: function(btn) { 
     console.log(btn.key); 
     // do something with key 
    } 
}); 

Ext.onReady(function() { 

    new MyContainer({ 
     renderTo: document.body 
    }); 

});