jquery easyui datagrid合计行实例代码

发布时间:2020-01-11编辑:脚本学堂
本文介绍了jquery easyui中datagrid使用合计行显示汇总信息的方法,需要的朋友参考下。

jquery easyui中使用datagrid合计行,可以是多行,如下图:
jquery easyui中使用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
 
附,网友评论。
经查:reloadFooter可以实现以上功能!
版本:V1.2.3

补充一下吧:比如编辑,表主体内容发生变货,合计列要相应动态变化,此时也需要操作 footer

能否增加一些对该footer的操作呢?如手工添加行,现在只有一个getFooterRows如果我的界面一开始没有数据,但是就是要增加一个footer则没有办法。