教程集 > jQuery > jquery 教程 > 正文 jquery easyui datagrid合计行实例代码

jquery easyui datagrid合计行实例代码

发布时间：2015-12-29 编辑：jiaochengji.com

本文介绍了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则没有办法。

您可能感兴趣的文章：
jquery easyui datagrid合计行实例代码
 jquery easyui开发几点总结
 Jquery easyui 下loaing效果示例代码
 php使用EasyUI DataGrid获取资料的方式
 jquery easyui中datagrid工具栏靠右浮动
 Jquery EasyUI中弹出确认对话框
 Jquery easyUI 更新行示例
 Jquery EasyUI中弹出确认对话框以及加载效果示例代码
 jquery easyui combox一些实用的小方法
 Jquery easyui之datagird查询框扩展示例

关键词： datagrid easyui jquery easyui 　

上一篇：jQuery easyui中DataGrid插件示例下一篇：jquery easyui自定义下拉框列表

[关闭]

jquery easyui datagrid合计行实例代码

最近更新

浏览排行