Question

我想问在哪里可以为我的网格MVC添加监听器。

当我这样做时，什么也不会发生：

Ext.define( myApp.view.reslist  ,{
    extend:  Ext.grid.Panel ,
    alias :  widget.reslist ,
    store :  resStore ,
    listeners: {
          activate: {
            fn: function(e){ 
                console.log( reslist panel activated );
                  }
            }
           },
    dockedItems: [{
           xtype:  pagbar ,
           store:  resStore ,
           dock:  top ,
           displayInfo: true
       }],
       ..... rest of grid configs

并且它与点击事件一起工作：

listeners: {
          activate: {
            fn: function(e){ 
                console.log( reslist panel clicked );
                 }
          }
           }

注意：我的控制器的init仍然是空的：

Ext.define( myApp.controller.resControl , {
    extend:  Ext.app.Controller ,

    stores: [ resStore ],

    models: [ resModel ],

    views: [ reslist , pagbar ],

    init: function() {

            // nothing here 
        }
});

Answer 1

视图的操作和事件进入相应的控制器。我的视图只包含用于构建&；渲染组件。所有事件处理程序、按钮上的操作等都在控制器中。以下是我的控制器的外观：

Ext.define( myApp.controller.resControl , {
    extend:  Ext.app.Controller ,
    stores: [ resStore ],
    models: [ resModel ],
    views: [ reslist , pagbar ],
    init: function() {

        this.control({
             reslist  : {
                activate: function(e) { 
                        alert( reslist panel activated );
                }               
            }
        });
    }
});

请注意，只有在使用选项卡面板显示时，才会在面板上调用激活事件。当通过单击选项卡激活面板时，会调用该事件。

友情链接