使用侦听器扩展网格答案

【问题标题】：Extend a grid with listeners使用侦听器扩展网格
【发布时间】：2013-12-19 10:49:30
【问题描述】：

我正在尝试扩展 Ext.grid.Panel 以构建一个带有“预构建”侦听器的侦听器（它将检查商店，并告诉商店在网格面板的标题中添加记录数） .我被困在这个过程的最开始，尽管浏览了一段时间的文档，但我找不到正确的方法：

//Extending a grid with a simple hello world... 
Ext.define('MIS.Ext.GridExtraHeaderData', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.gridExtraHeaderData',
    listeners:{
        beforerender:function(){
            console.log('hello world');
        }
    }
});

我用 MIS.Ext.GridExtraHeaderData 替换了 Ext.grid.Panel，网格运行良好，但我在控制台中看不到任何“hello world”...

当我查看创建的对象时，我填充了“listeners:null”和“proto.listeners”。

我尝试了构造函数，initComponent，没有成功。

【问题讨论】：

标签： extjs grid extend

【解决方案1】：

不要尝试将它们绑定到 listeners 块中，因为它们会与任何用户定义的侦听器发生冲突。相反，将它们绑定在代码中：

Ext.define('MIS.Ext.GridExtraHeaderData', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.gridExtraHeaderData',

    initComponent: function() {
        this.on('beforerender', function() {
        }, this);
        this.callParent();
    }
});

【讨论】：