1

所以我使用 ExtJS 来渲染带有数据的网格。我在网格上有很好的功能，但我想在最后一行说“Total of All”，但它重复了第一个组标题。

以下是我的自定义组标题：

features: [{
        ftype: 'summary'
    }, {
        //ftype: 'grouping'
        ftype: 'groupingsummary',
        groupHeaderTpl: Ext.create('Ext.XTemplate',
            '',
            '{name:this.formatName} ({rows.length})',
            {
                formatName: function(name) {
                    return name.charAt(0).toUpperCase() + name.slice(1);
                }
            }
        ),
        //groupHeaderTpl: '{name} ({rows.length})',
        hideGroupedHeader: true
    }],

这是生成总计标题的摘要类型配置：

columns: [{
                id       :'service-product',
                text   : 'Product',
                flex: 1,
                sortable : true,
                dataIndex: 'PACKAGE',
                summaryType: function(records) {
                    var myGroupName = records[0].get('LISTING');
                    return '<span style="font-weight: bold;">'+myGroupName.charAt(0).toUpperCase() + myGroupName.slice(1)+' Totals</span>';
                }
            }

这是我要自定义的带有突出显示标题的屏幕截图。我已经尝试了几件事。任何人都知道如何获得对该单元格的引用并更改标题？

在此处输入图像描述

先感谢您 ：）

弥敦道

4

1 回答 1

2

你可以看看this里面summaryType。我注意到，当它为总组调用时，它指向Ext.data.Store，而当它为“正常”组调用时，它指向Ext.util.Group。

所以示例summaryType可能如下所示：

summaryType: function(records) {
    console.log(this.$className);
    if (this.isStore) {
        return "Total of all";
    }
    var myGroupName = records[0].get('group');
    return '<span style="font-weight: bold;">' + myGroupName + ' Totals</span>';
}

工作样本：http: //jsfiddle.net/b2LS5/4/

于 2014-07-14T18:00:50.937 回答