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

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


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 @ 2017-12-25 16:30  一品堂.技术学习笔记  阅读(3248)  评论(0编辑  收藏  举报