Layui数据表格编辑表格自动计算下个表格

我在浏览资料时,发现有很多人都在询问如何使用layui编辑过后怎么让其后面相对应的表格自动计算数据,所以我今天给大家分享一个我对该问题是如何解决的,虽然方法比较笨,但是个人认为能解决问题的方法都是不错的。

因为我个人的项目需求,需要当我修改数量的时候,金额会自动的改变,并且只是影响我修改的那一行金额
在这里插入图片描述

然后需要在初始化表格的时候用一下重载的回调,方便我们获取表格的数据
在这里插入图片描述

下一步是需要使用layui表格的编辑监听事件,来处理数据,本触发表格重载
在这里插入图片描述

需要注意的是图中的Ndata是表格中所有的数据,所有是给List数据,所有这里是要遍历循环给金额赋值

对于数据的处理,重要根据自己项目处理

赋值完后使用layui中的Table.reload的方法进行重载数据表格

其中Url,where为必填

如果是单条数据的重载,可以不用加method:’post’这个属性,但是如果使用的是List数据,或者数组,请千万不要忘记,因为不加,肯定传不到控制器,在下已经试过很多次了,没有一次成功

Page这个属性,如果表格中数据不多,可以不要,如果有分页,肯定得写上

页面的代码基本就解决完成了,

然后就是控制器的接收部分,当然这部分非常简单。

List<T>

其中的T就是用来装Ndata的一个类,具体如何写根据自己的项目来决定
在这里插入图片描述

传进来,然后就可以直接传回页面,然后表格就自动计算出你需要的值了

然后我觉得我的方法比较笨,但是这是我唯一想到了并且能用的方法。

倘若是表格单条数据的重载就简单很多了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值