当前位置: 编程技术>jquery
jquery easyui datagrid合计行实例代码
来源: 互联网 发布时间：2014-10-07
本文导语: 在jquery easyui中使用datagrid合计行，可以是多行，如下图： 合计行的数据由datagrid的数据源提供，如下： 代码示例: {"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]} 要使用合计行必须设置showFooter...
在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'}
]]
});
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则没有办法。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。