Question

创建a grid with the Summary feature后，我可以通过获取该功能并访问与该功能相关的属性来访问我的列摘要：

// inside the grid definition with two columns 
// that access dataIndex 'count1' and 'count2'
listeners: {
    viewready: function(grid) {
        var summaryRow = grid.getView().getFeature(0).summaryRecord.data;
        console.log(summaryRow.count1);
        console.log(summaryRow.count2);
    }
}

我想在表示summaryRow.count1的单元格中添加'tot-count1'类，在表示summaryRow.count2的单元格中添加'tot-count2'类。

It seems通常ExtJS开发人员只会因为将一个类应用于网格的整行而烦恼。如果我只想选择插件的行，我需要做的就是Ext.dom.Query.select('.x-grid-row-summary' ...当我想要一个Ext.dom.Element以便利用Ext.dom时返回一个HTMLElement .AbstractElement的addCls（）方法。

我正在考虑以下几点：

// get the Ext.dom.Element representing the cell
var cell1 = ???
// call the addCls method
cell1.addCls('tot-count1');

Answer 1

我曾经使用在列配置中设置的summaryRenderer函数。

Ext.define(..., {
    columns: [{
        header: 'blah-blah',
        dataIndex: 'foo',
        summaryType: 'sum',

        summaryRenderer: function (value) {
            return Ext.String.format('<span class={0}>{1}</span>', 'tot-count1', value);
        }
    }],

    features: [{
        ftype: 'summary'
    }]
});

如何将类添加到“摘要”功能生成的网格的一个单元格中？

1 个答案: