数据表格与For循环之间不可告人的小秘密

在做项目的过程中,有很多很多时候俺们都会碰到计算金额的业务需求。同时layui数据表格也是我们经常使用的插件之一。
碰到这种情况怎么办呢?请看下图:
数据表格与For循环之间不可告人的小秘密_第1张图片
上图是一个医生开的医嘱内容,数据表格加载出来的是药品信息及金额。
有时候俺们要计算金额那一列的数据和,该怎么办呢?不是有时候,可以说做这种项目百分百涉及到金额计算。
直接开门见山,数据表格的done - 数据渲染完的回调,无论是异步请求数据,还是直接赋值数据,都会触发该回调。你可以利用该回调做一些表格以外元素的渲染。请看下图:
数据表格与For循环之间不可告人的小秘密_第2张图片
这是插件里的方法。可以获取到列值。把这个方法拷贝到数据表格加载事件里。单单靠这个方法还是不够滴,因为数据表格的数据不止一条,条数是不固定的,所以你不能确保计算的到所有数据的值。接下来就要用到for循环啦。请往下看吧。
数据表格与For循环之间不可告人的小秘密_第3张图片
上图为for循环的代码图,原理很简单,直接循环金额那一列的数据,有多少就循环多少,然后自增下去就行啦。最后把相加出来的金额显示在页面上,就是下图这个效果。
数据表格与For循环之间不可告人的小秘密_第4张图片

以上就是for循环完美嵌合done数据回调的内容。好奇心旺盛的你还在等啥呢?你也试试吧?

你可能感兴趣的:(数据表格与For循环之间不可告人的小秘密)