如何在 extjs 中的网格页脚中添加总行数

我想在网格页脚中添加总行数。我有商店中可用的总行记录。在网格中，用户选择降序排列，总计行显示为第一行。谁能告诉我如何避免这种情况？

我将解释我的完整问题：

例如，我有像 Target Target1 Target2 这样的网格视图，是从网络服务获取的

 Month Target  Target1  Target2   Target(2-1)  Target%
  jan    500     1000    1001        1           0.99
  feb    600     2000    2001        1           0.99

  **total  1100     3000    3002        2          2*3002/100** need to calculate total% like this   

我正在计算商店中的值 Target(2-1) Target% 总值，并将商店绑定到网格中。所以只有总列也会改变。在网格中，用户选择降序排列，总行也会发生变化。谁能告诉我如何避免这种情况？

Thanks

您应该使用网格摘要功能，而不是常规行。Here http://jsfiddle.net/amitaviv99/Q7DxL/43/是一个小提琴，演示了示例的用法，以及实现目标百分比总数计算的自定义summaryType函数。

这是比在商店中作为记录进行汇总计算更好的方法，您不会遇到排序和过滤的麻烦。

看一看here http://docs.sencha.com/extjs/4.2.0/#!/api/Ext.grid.feature.Summary用于文档和实例。基本上，您需要将功能添加到网格中，例如：

Ext.create('Ext.grid.Panel', {
    ...
    features: [{
        ftype: 'summary'
    }],
    ...

并将 SummaryType 配置添加到您需要的列，例如：

columns: [{
    dataIndex: 'name',
    text: 'Name',
    summaryType: 'sum',
...

这就是自定义的summaryType的样子：

dataIndex: 'targetPercent',
text: 'Target%',
summaryType: function(records){
    var totals = records.reduce(function(sums, record){
        return [sums[0] + record.data.target2, 
                sums[1] + record.data.targetDiff];
    }, [0,0]);

    return (totals[0] * totals[1]) / 100;
}