datagrid中可以使用合计行显示汇总信息,合计行可以是多行,如下图所示:
合计行的数据由datagrid的数据源提供,如下所示:
{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]}
要使用合计行必须设置showFooter为true,代码如下:
$('#tt').datagrid({ url: 'datagrid_data.json', title: 'DataGrid', width: 400, height: 220, fitColumns: true, rownumbers:true, showFooter:true, columns:[[ {field:'name',title:'Product Name',width:80}, {field:'price',title:'Unit Price',width:40,align:'right'} ]] });
原文及下载地址:http://jquery-easyui.wikidot.com/tutorial:datagrid17
?
1 楼
kkmaster
2011-04-06
能否增加一些对该footer的操作呢?如手工添加行,现在只有一个getFooterRows如果我的界面一开始没有数据,但是就是要增加一个footer则没有办法。
2 楼
kkmaster
2011-04-06
补充一下吧:比如编辑,表主体内容发生变货,合计列要相应动态变化,此时也需要操作 footer
3 楼
kkmaster
2011-04-06
经查:reloadFooter可以实现以上功能!
版本:V1.2.3
版本:V1.2.3