计算layui表格列总和

做项目过程中,除了要实现客户各种功能的需求,处理各种数据也是不可避免的,计算总和、比率、平均数等等,基本上,数学中有学过的运算都会用到哦。下面演示一下基础的,layui表格,怎样计算其总和?能实现该功能的方法有多种,可以用session,在后台结算出来,返回到页面;也可以直接在表格数据渲染完做一个回调,然后获取表格的所有数据,一般获取的是一个数组,再将数组里面获取的每列,通过for循环遍历每行数据,计算出该列总和即可。

当然呢!理论谁都可以讲,还是踏踏实实操作最靠谱。医院门诊系统,其中收费模块就可以运用到计算表格总金额的知识。输入或通过刷卡将病人卡号填写完整,可以调出病人基本信息和对应的处方费用。

Eg: 在这里插入图片描述

收费项目金额通过单价与数量乘积即可,接下来就得计算出费用总和,阅读layui表格基础参数知识,可知道在数据渲染完做个回调便可以获取总和。回调方法如下:

在这里插入图片描述

无论是异步请求数据,还是直接赋值数据,都会触发该回调。你可以利用该回调做一些表格以外元素的渲染。如果是异步请求数据方式,res即为你接口返回的信息。如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度。For循环遍历每行,声明一个全局变量var sum=0;之后将获取的sum赋值给总额的input标签。

在这里插入图片描述

如果不知道参数如何使用,可以试着打印出来。根据控制台输出的数据发挥自己的想象,实现想要的功能吧。

最终效果:

当调出病人信息是即可计算出总费用,然后进行收费即可。就算新增收费项目,也能通过遍历循环表格计算出总金额。

在这里插入图片描述

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值