jquery easyui datagrid 加每页合计和总合计
2023-09-27 14:21:40 时间
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里面的代码
————————————————————————————————————————————————————————
相关文章
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
- jquery easyui:tab自动加载第一个tab内容
- jquery-easyui:如何设置组件属性
- jquery easyui-datagrid/treegrid 清空数据参考
- jquery-ui-处理拖动位置Droppable,Draggable
- switchery插件:多个按钮,用jquery进行切换
- 11个很棒的 jQuery 图表库
- Jquery EasyUI 开发实录
- jquery easyui toolbar 分割线问题
- jquery easyui datagrid js获取记录数 页数 当前页
- 如何让jquery-easyui的combobox像select那样不可编辑
- jQuery中$.each()方法的使用
- jquery ajax请求成功,数据返回成功,seccess不执行的问题
- 2016年4月最佳的20款 jQuery 插件推荐
- Chocolat.js – 响应式的 jQuery Lightbox 插件
- JavaScript UI选型及Jquery EasyUI使用经验谈
- JQuery-EasyUI与EXTjs有什么区别?
- JQuery操作select中的option
- jQuery知识
- jQuery雷达扫描切换幻灯片代码
- 基于jQuery商品分类选择提交表单代码