/**PageBeginHtml Block Begin **/ /***自定义返回顶部小火箭***/ /*生成博客目录的JS 开始*/ /*生成博客目录的JS 结束*/

jquery easyui datagrid 加每页合计和总合计

* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客,仅做学习讨论之用,不做商业用途。
* 如有侵权,马上联系我,我立马删除对应链接。
* @author Alan
* @Email no008@foxmail.com

 

正文


jquery easyui datagrid 加每页合计和总合计

一:效果图

image


二:代码实现

复制代码
  1 这个只有从后台来处理
  2 
  3 后台根据rows 和page两个参数返回的datatable  命名为dt
  4 
  5 然后根据dt   clone一个datatable
  6 datatable dt2=dt.Clone();
  7 克隆出来的dt2添加两行 第一行对当前页进行合计
  8 DataRow dr1(每页合计)=dt2.createRow();
  9 dr1[0]='合计';
 10 dr1["num1"]=dt.Compute("sum(num1)", "");.
 11 
 12 dt2如法炮制添加一行  该行数据时对所有的数据进行统计
 13 
 14 然后把上述两行插入到dt2
 15 dt2.Rows.InsertAt(dr2,0);
 16 dt2.Rows.InsertAt(dr2,1);
 17  最后 处理 datagrid的json 这里需要用到的footer对象
 18   json = "{\"total\":dt(总).Rows.Count,\"rows\":" + JsonConvert.SerializeObject(dt)+ ",\"footer\":" + JsonConvert.SerializeObject(dt2) + "}";
 19 大体就这个思路…… 很简单  datagrid footer  数据源格式 可以参考EasyUI demo里面的代码
复制代码










————————————————————————————————————————————————————————

posted @   一品堂.技术学习笔记  阅读(3279)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示

目录导航