override Ext.grid.plugin.RowExpander的方法不起作用

Ext版本4.2

覆盖方法:

Ext.override(Ext.grid.plugin.RowExpander, {
    setCmp: function (grid) {
        var me = this,
            rowBodyTpl,
            features;
        console.log(‘我是盖子。。‘);
        me.callParent(arguments);

        me.recordsExpanded = {};

        me.rowBodyTpl = Ext.XTemplate.getTpl(me, ‘rowBodyTpl‘);
        rowBodyTpl = this.rowBodyTpl;
        features = [{
            ftype: ‘rowbody‘,
            lockableScope: ‘normal‘,
            recordsExpanded: me.recordsExpanded,
            rowBodyHiddenCls: me.rowBodyHiddenCls,
            rowCollapsedCls: me.rowCollapsedCls,
            setupRowData: me.getRowBodyFeatureData,
            setup: me.setup,
            getRowBodyContents: function (record) {
                return rowBodyTpl.applyTemplate(record); // 修改
            }
        }, {
            ftype: ‘rowwrap‘,
            lockableScope: ‘normal‘
        }];

        if (grid.features) {
            grid.features = Ext.Array.push(features, grid.features);
        } else {
            grid.features = features;
        }

    }
});

同时,修改ext-all-debug.js中相应的代码如下:

 setCmp: function(grid) {
        var me = this,
            rowBodyTpl,
            features;
        console.log(‘oh my gd!‘);
        me.callParent(arguments);

        me.recordsExpanded = {};

        me.rowBodyTpl = Ext.XTemplate.getTpl(me, ‘rowBodyTpl‘);
        rowBodyTpl = this.rowBodyTpl;
        features = [{
            ftype: ‘rowbody‘,
            lockableScope: ‘normal‘,
            recordsExpanded: me.recordsExpanded,
            rowBodyHiddenCls: me.rowBodyHiddenCls,
            rowCollapsedCls: me.rowCollapsedCls,
            setupRowData: me.getRowBodyFeatureData,
            setup: me.setup,
            getRowBodyContents: function(record) {
                return rowBodyTpl.applyTemplate(record.getData());
            }
        },{
            ftype: ‘rowwrap‘,
            lockableScope: ‘normal‘
        }];
 
        if (grid.features) {
            grid.features = Ext.Array.push(features, grid.features);
        } else {
            grid.features = features;
        }
        
    }

其实,就为了看看方法是否被覆盖了,在相同的位置加上了输出语句。代码执行之后,效果如下:

我是盖子。。                                      RowExpa...ride.js (第 6 行)
oh my gd!                                         ext-all-debug.js (第 117009 行)

居然没有被覆盖?!

override Ext.grid.plugin.RowExpander的方法不起作用,布布扣,bubuko.com

时间: 2024-12-17 06:56:24

override Ext.grid.plugin.RowExpander的方法不起作用的相关文章

Ext.grid.plugin.RowExpander的简单用法

有时候,我们在grid里渲染数据时,由于某些字段的内容太长,而grid又不会自动出现滚动条,于是溢出的内容后面就会出现省略号, 导致信息展示不完全.如果,这个信息不太重要,展示不完全也无关紧要.可是,有时候,用户需要查看溢出部分的详细内容时,怎么办呢?比如下图中的grid: 因为信息内容太长,导致“消息内容”展示不全,这时候想要查看详细信息怎么办呢? 最简单的解决方法就是利用 Ext.grid.plugin.RowExpander  我们在grid配置项里面添加一个plugins属性.如下图所示

Ext.grid.GridPanel属性及方法等

1.Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm.colModel:表格的列模式,渲染表格时必须设置该配置项sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModelenableHdMenu:是否显示表头的上

[转]Ext.grid常用属性和方法

原文地址:http://blog.csdn.net/fm19901229/article/details/8113969 1.Ext.grid.GridPanel  主要配置项:  store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 

Ext grid单元格加combobox

var store = Ext.create("app.store.healthRecordManage.form.familyRelationComboStore"); function rendererData(value, cellmeta, record){ var index = store.find("id",value); var record = store.getAt(index); var displayText = "";

ext grid添加横向滚动条

Ext.override(Ext.grid.GridView, {                  renderBody : function() {                      var markup = this.renderRows();                      if (markup == "")                          markup = "<div style='width:" + this.g

[转]Ext Grid控件的配置与方法

http://www.blogjava.net/wangdetian168/archive/2011/04/12/348651.html 1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设

Ext.grid中的属性以及方法

1.Ext.grid.GridPanel主要配置项:store:表格的数据集columns:表格列模式的配置数组,可自动创建ColumnModel列模式autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0stripeRows:表格是否隔行换色,默认为falsecm.colModel:表格的列模式,渲染表格时必须设置该配置项sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModelenableHdMenu:是否显示表头的上

Ext.grid.Panel表格特性Feature

Ext.grid.feature.Feature是一类针对Ext.grid.Panel 的特殊插件,提供了可以被扩展的基本模板方法.子类包括: 1.Ext.grid.feature.RowBody 表格行体 行体特性为表格追加了tr标签,跨越了原始表格的所有列,在表格中展示一些描述性的特殊信息时非常有用,行体在默认状态下是隐藏的,如果需要展示行体必须覆盖getAdditionalData方法,代码如下: //Ext.grid.feature.RowBody示例 Ext.onReady(funct

Ext.grid.Panel表格分页存储过程

/*首先需要引入两个Extjs插件类 Ext.ux.data.PagingMemoryProxy和Ext.ux.ProgressBarPager这两个类*/ /*下面是控制弹出窗体放大缩小时窗体居中的方法*/ 1 var HotalOrderResizeCenterWindow; 2 Ext.EventManager.onWindowResize(function() { 3 if (HotalOrderResizeCenterWindow) { 4 HotalOrderResizeCenter