grid - 摘要网格 extjs

Question

我想在我的网格上获取列停留时间的摘要。但我似乎无法理解或弄清楚如何在 extjs 中使用摘要网格。有人可以帮助我或指导我吗？

这是我的网格代码：

Ext.ns('dlti.view.widget');


Ext.define('dlti.view.widget.PlaylistDetailsGrid' ,{
extend: 'Ext.grid.Panel',
id: 'playlist-details',
alias: 'widget.PlaylistDetailsGrid',
forceFit: true,
stripeRows: true,
selType: 'rowmodel',
autosync: true,
height: 150,
width: 950,


store: new dlti.store.PlaylistDetailsStore(),


columns: [


    {
        text: 'Filename',
        dataIndex: 'filename',
        renderer:   function renderDescTarget(val, p, record) {
            var desc = '';
            desc = '<p style="color:#000;font-size:12px;">' + val + '</p>';
            return desc;
        }
    },
    {
        text: 'Transition',
        dataIndex: 'transition',
        renderer:   function renderDescTarget(val, p, record) {
            var desc = '';
            desc = '<p style="color:#000;font-size:12px;">' + val + '</p>';
            return desc;
        }
    },
    {
        text: 'Stay Time',
        dataIndex: 'timeframe',
        renderer:   function renderDescTarget(val, p, record) {
            var desc = '';
            desc = '<p style="color:#000;font-size:12px;">' + val + '</p>';
            return desc;
        }
    }



]
});

Answer 1

您可以像这样指定 summaryType 和 summaryRenderer ：

    summaryType: 'count',
    summaryRenderer: function(value, summaryData, dataIndex) {
         return ((value === 0 || value > 1) ? '(' + value + ' Tasks)' : '(1 Task)');
    }

summaryType 可以有 count、max、average、sum 等值，summaryRenderer 类似于列渲染器，您可以在其中提供任何自定义逻辑来格式化摘要。