Grid 摘要网格extjs

我想在我的网格上获得列停留时间的摘要。但我似乎无法理解或弄明白如何在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;
        }
    }



]
});

Ext.ns（'dlti.view.widget'）；
Ext.define（'dlti.view.widget.playlayDetailsGrid'{
扩展：“Ext.grid.Panel”，
id:“播放列表详细信息”，
别名：“widget.playlayDetailsGrid”，
forceFit：对，
是的，
selType:“行模型”，
自动同步：对，
身高：150，
宽度：950，
store:new dlti.store.playlayDetailsStore（），
栏目：[
{
文本：“文件名”，
数据索引：“文件名”，
渲染器：函数renderDescTarget（val、p、record）{
var desc=''；
desc='
'+val+”
'；
返回描述；
}
},
{
文本：“过渡”，
dataIndex:'转换'，
渲染器：函数renderDescTarget（val、p、record）{
var desc=''；
desc='
'+val+”
'；
返回描述；
}
},
{
文字：“停留时间”，
数据索引：“时间范围”，
渲染器：函数renderDescTarget（val、p、record）{
var desc=''；
desc='
'+val+”
'；
返回描述；
}
}
]
});

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

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

---

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

summaryType:'count'，summaryRenderer:function（value，summaryData，dataIndex）{alert（1）；//为什么这在两行中出现超过1次它出现了8次}可能是您的网格被渲染了多次..请查看您是否在某处刷新网格视图。