阅读量: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
即可。