ExtJS 4中如何按照一列分组存储数据，并对另一列求和？

Question

我有一些代表银行存款的数据。这些数据看起来像这样:

{ account : 'a', amount : 5 },
{ account : 'a', amount : 15 },
{ account : 'b', amount : 7 },
{ account : 'b', amount : 3 },
{ account : 'c', amount : 12 },

我想在一个按账户分组并总计金额的网格中显示这些数据。我不想显示原始数据，只显示分组后的数据。

Account    Total Amount
a           20
b           10
c           12

如果这是一个SQL数据库，查询语句应该类似于：

select account, sum(amount) from tbl group by account;

在ExtJS中是否可以自动完成此操作？我尝试了很多方法都无效。

我已经在我的存储器上调用了这个方法：

store.group('account');

而我的网格面板中显示总计的列看起来像是这样：

{
  :text => 'Total Amount',
  :dataIndex => 'amount',
  :summaryType => 'sum',
},

我知道该组正在执行某些操作，因为我可以将顺序从升序更改为降序，然后网格会显示不同的内容。但目前网格只显示所有行而没有分组。

感谢您的帮助。

- Poul

Answer 1

很抱歉，Ext JS不支持按照您想要的方式显示数据。

您可以使用Ext.grid.feature.GroupingSummary功能。

• 文档：http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.feature.GroupingSummary

或者您可以通过分组存储从分组数据中获取数据。

store.getGroups()

并且手动处理它们。

• 文档: http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.data.Store-method-getGroups

- Akatum