Javascript ExtJS 4按存储中的一列分组,总计另一列

Javascript ExtJS 4按存储中的一列分组,总计另一列,javascript,mysql,sql,extjs,Javascript,Mysql,Sql,Extjs,我有一个代表银行存款的数据库。数据如下所示: { account : 'a', amount : 5 }, { account : 'a', amount : 15 }, { account : 'b', amount : 7 }, { account : 'b', amount : 3 }, { account : 'c', amount : 12 }, { :text => 'Total Amount', :dataIndex => 'amount', :summa

我有一个代表银行存款的数据库。数据如下所示:

{ account : 'a', amount : 5 },
{ account : 'a', amount : 15 },
{ account : 'b', amount : 7 },
{ account : 'b', amount : 3 },
{ account : 'c', amount : 12 },
{
  :text => 'Total Amount',
  :dataIndex => 'amount',
  :summaryType => 'sum',
},
我想在一个网格中显示这些数据,该网格按帐户和总金额分组。我不想显示原始数据。只有分组的数据

Account    Total Amount
a           20
b           10
c           12
如果这是一个sql数据库,则查询将按照以下方式进行:

按科目从tbl分组中选择科目、金额

在extjs中不需要手动操作就可以做到这一点吗?我似乎无法让它工作

我已在我的商店中调用此方法:

store.group('account');
我的网格面板中显示总计的列如下所示:

{ account : 'a', amount : 5 },
{ account : 'a', amount : 15 },
{ account : 'b', amount : 7 },
{ account : 'b', amount : 3 },
{ account : 'c', amount : 12 },
{
  :text => 'Total Amount',
  :dataIndex => 'amount',
  :summaryType => 'sum',
},
我知道小组正在做一些事情,因为我可以将顺序从ASC更改为DESC,并且网格以不同的方式显示。但现在网格只显示所有行,没有分组


谢谢您的帮助。

我担心Ext JS不支持完全按照您的需要显示数据

您可以使用
Ext.grid.feature.GroupingSummary
feature

  • 文件:
或者,您可以通过以下方式从分组存储中获取分组数据:

store.getGroups()

并手动处理它们

  • 文件: