巧用Layui新版本合计功能
一、业务需求
现有一个需求是:
计算当前所有引导员
的来访者数量总合计
以及有效来访者数量的总合计
由于项目前端用的是Layui框架,所以打算直接利用前端框架完成总合计的计算
需求图片:
二、查看官方文档
layui官方文档表明:2.5.6版本上更新了组件中的合计行
文档表示:需要后端接口将返回的合计的总数量返给前端
三、具体操作(后端)
原有的查询列表接口返回类型:
return ResultUtil.success(Utils.setPageResultMedical(pageNumber, count, lists);
修改后的查询列表接口返回类型:
return ResultUtil.success(Utils.setPageResultMedical(pageNumber, count, lists,totalRow));
totalRow:后端查询返回的总数量
四、具体操作(前端)
1、需要在渲染列表加上totalRow:true
的属性
2、如果计算每一页的合计的话,只需要在需要的字段上加上totalRow:true
的属性就可以实现
3、如果计算所有数据的合计,需要把后端传过来的值赋上
参考文档:
1、
https://www.cnblogs.com/TangBin07/p/13935667.html
(这个博主太nice了,刚开始没明白合计具体逻辑,就发邮箱询问了一下他,超级耐心👍)
2、https://www.freesion.com/article/4802489738/
(最后一步赋值的参考)
3、https://blog.youkuaiyun.com/weixin_45247365/article/details/103176886
(合计取整)