在ExtJS 4中使用單擊處理程序調用函數

Question

我在工具欄中有一個函數，讓我們稱之為：

Ext.define('MyArchive.Toolbar', { 
  search: function() {
    console.log('searching');
  }
}

現在，我想在單擊按鈕時調用此函數。 因此，我在工具欄設置的afterRender中添加了一些單擊處理程序：

afterRender: function() {
  Ext.getCmp('search-button').on('click', this.search);
} 

但是，這不起作用，我最終需要走完整的路線：

afterRender: function() {
  Ext.getCmp('search-button').on('click', function() {
    quick_search();
  )};
}

為何我的首次嘗試未按我的預期應用點擊處理程序的任何特殊原因？

感謝您的任何解釋或重構！ 歡迎其他樣式/習慣用法...

Answer 1

下次嘗試：

    var panelOverall = new Ext.form.FormPanel({
    html: 'bla',
    search: function() {
        console.log('searching');
    },
    buttons: [
        {
            text: 'Moo',
            id: 'button1',
            handler: function(){
                //window.destroy();
            }
        }
    ],
    afterRender: function() {
        Ext.getCmp('button1').on('click', this.search);
    } 
});

正在為我工​​作..我缺少什么嗎？