layui

layui怎么获取当前行的数据

小亿
581
2024-01-23 10:44:21
栏目: 编程语言

在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即可。

0
看了该问题的人还看了