Layui 2.5.6 合计总数据(不是单独一页的数据)

一、业务需求

现有一个需求是:
计算当前所有引导员来访者数量总合计以及有效来访者数量的总合计

由于项目前端用的是Layui框架,所以打算直接利用前端框架完成总合计的计算

需求图片:
在这里插入图片描述

二、查看官方文档

layui官方文档表明:2.5.6版本上更新了组件中的合计行
文档表示:需要后端接口将返回的合计的总数量返给前端
!](https://img-blog.csdnimg.cn/20201120134020960.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lJWUlZSVBFSQ==,size_16,color_FFFFFF,t_70#pic_center)

三、具体操作(后端)

原有的查询列表接口返回类型:

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.csdn.net/weixin_45247365/article/details/103176886

(合计取整)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值