layui怎么获取当前行的数据

avatar
作者
筋斗云
阅读量:3

在layui中,可以通过表格的事件监听来获取当前行的数据。具体步骤如下:

首先,在表格的定义中,给每一行的操作按钮绑定一个事件监听,例如:

table.on('tool(test)', function(obj){   var data = obj.data; // 获取当前行的数据   var layEvent = obj.event; // 获取当前点击的按钮的lay-event属性值   // 根据layEvent的值进行相应的操作 }); 

然后,在按钮的定义中,添加一个lay-event属性,用于标识点击按钮的操作类型,例如:

<button class="layui-btn layui-btn-sm" lay-event="edit">编辑</button> 

在事件监听中,通过obj.data就可以获取到当前行的数据,然后根据需要进行相应的操作。例如,可以通过data.id获取到当前行的id,然后根据id进行数据的更新或删除等操作。

注意:上述代码中的test是表格的lay-filter属性值,需要根据实际情况进行修改。另外,也可以使用layui的自定义事件来实现当前行数据的获取,方法类似,只需将tool替换为event即可。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!