javascript - 如何向摘要功能生成的网格的一个单元格添加一个类？

Question

在使用摘要功能创建网格后，我可以通过获取该功能并访问与该功能关联的属性来访问我的列的摘要：

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

我想向表示 的单元格添加一个“tot-count1”类，向表示 的单元格添加一个“ summaryRow.count1tot-count2”类summaryRow.count2。

似乎 ExtJS开发人员通常只会对将一个类应用到网格的整行上大惊小怪。如果我只想选择插件的行，我需要做的就是Ext.dom.Query.select('.x-grid-row-summary'... 当我想要一个 Ext.dom.Element 时返回一个 HTMLElement 以利用 Ext.dom.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'
    }]
});