我在浏览资料时,发现有很多人都在询问如何使用layui编辑过后怎么让其后面相对应的表格自动计算数据,所以我今天给大家分享一个我对该问题是如何解决的,虽然方法比较笨,但是个人认为能解决问题的方法都是不错的。
因为我个人的项目需求,需要当我修改数量的时候,金额会自动的改变,并且只是影响我修改的那一行金额
然后需要在初始化表格的时候用一下重载的回调,方便我们获取表格的数据
下一步是需要使用layui表格的编辑监听事件,来处理数据,本触发表格重载
需要注意的是图中的Ndata是表格中所有的数据,所有是给List数据,所有这里是要遍历循环给金额赋值
对于数据的处理,重要根据自己项目处理
赋值完后使用layui中的Table.reload的方法进行重载数据表格
其中Url,where为必填
如果是单条数据的重载,可以不用加method:’post’这个属性,但是如果使用的是List数据,或者数组,请千万不要忘记,因为不加,肯定传不到控制器,在下已经试过很多次了,没有一次成功
Page这个属性,如果表格中数据不多,可以不要,如果有分页,肯定得写上
页面的代码基本就解决完成了,
然后就是控制器的接收部分,当然这部分非常简单。
List<T>
其中的T就是用来装Ndata的一个类,具体如何写根据自己的项目来决定
传进来,然后就可以直接传回页面,然后表格就自动计算出你需要的值了
然后我觉得我的方法比较笨,但是这是我唯一想到了并且能用的方法。
倘若是表格单条数据的重载就简单很多了