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

时间：2021-04-26 06:47:12

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

一：效果图

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

二：代码实现

  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里面的代码

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

相关文章