绑定激活事件网格面板Extjs4

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 

，并将其与click事件的作品：

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

注：我的控制器的初始化仍然是空的：

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'); 
       }    
      } 
     }); 
    } 
}); 

注意，激活事件被称为只有当您使用标签面板的显示面板上。当面板通过点击选项卡被激活时，该事件被调用。