做项目过程中,除了要实现客户各种功能的需求,处理各种数据也是不可避免的,计算总和、比率、平均数等等,基本上,数学中有学过的运算都会用到哦。下面演示一下基础的,layui表格,怎样计算其总和?能实现该功能的方法有多种,可以用session,在后台结算出来,返回到页面;也可以直接在表格数据渲染完做一个回调,然后获取表格的所有数据,一般获取的是一个数组,再将数组里面获取的每列,通过for循环遍历每行数据,计算出该列总和即可。
当然呢!理论谁都可以讲,还是踏踏实实操作最靠谱。医院门诊系统,其中收费模块就可以运用到计算表格总金额的知识。输入或通过刷卡将病人卡号填写完整,可以调出病人基本信息和对应的处方费用。
Eg:
收费项目金额通过单价与数量乘积即可,接下来就得计算出费用总和,阅读layui表格基础参数知识,可知道在数据渲染完做个回调便可以获取总和。回调方法如下:
无论是异步请求数据,还是直接赋值数据,都会触发该回调。你可以利用该回调做一些表格以外元素的渲染。如果是异步请求数据方式,res即为你接口返回的信息。如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度。For循环遍历每行,声明一个全局变量var sum=0;之后将获取的sum赋值给总额的input标签。
如果不知道参数如何使用,可以试着打印出来。根据控制台输出的数据发挥自己的想象,实现想要的功能吧。
最终效果:
当调出病人信息是即可计算出总费用,然后进行收费即可。就算新增收费项目,也能通过遍历循环表格计算出总金额。