如何在EXTJS MVC的控制器上添加按鈕單擊事件

Question

我正在嘗試使用Ext JS開發應用程序。 到目前為止，我已經開發了具有邊框布局的視口，並且完成了北部區域，南部區域的工作。 在中心區域，我有多個面板，例如1.用於搜索數據。 2.輸入數據任務列表（一個表單），並在下一個面板上顯示網格。 在該面板之后，我有一個Button，該按鈕應偵聽click事件以將表單顯示給用戶。

對於該事件處理，我的控制器如下所示：

    this.control({
       'viewport button [action=add]':{
    click: this. addData},
addData : function(button){
consol.log('the add button was clicked');
}
    .......

現在，如果我在顯示該按鈕的頁面中單擊該按鈕，則該按鈕不響應任何內容，這是我為視口使用的結構代碼：

launch : function() {
    Ext.create('Ext.container.Viewport', {
        layout : 'border',
        autoScroll : true,
        items : [{
            region: 'north',
            .......
        },{
            region: 'west',
            ..............
        },{
            region: 'center',
            items:[{
                xtype: 'panel',
                ..............
            },{
                xtype: 'panel',
                ............
            },{
                xtype: 'userlist' 
            },{
                xtype: 'button',
                 text: 'Add',
                 action: 'add'
            }]
        }]

任何幫助將不勝感激

Answer 1

在選擇器中刪除button和[action=add]之間的空格：

this.control({
   'viewport button[action=add]': {
        click: this. addData
    },
    ...