javascript - 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 数据库，则查询将遵循以下几行：

按帐户从 tbl 组中选择帐户，总和（金额）；

这在 extjs 中是否可能无需手动执行？我似乎无法让它工作。

我在我的商店里调用了这个方法：

store.group('account');

我的网格面板中应该显示总数的列如下所示：

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

我知道小组正在做某事，因为我可以将顺序从 ASC 更改为 DESC，并且网格以不同的方式显示它。但是现在网格只显示所有没有分组的行。

谢谢您的帮助。

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