layui怎么获取当前行的数据

   2025-02-04 9270
核心提示:在layui中,可以通过表格的事件监听来获取当前行的数据。具体步骤如下:首先,在表格的定义中,给每一行的操作按钮绑定一个事件

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

 
 
更多>同类维修知识
推荐图文
推荐维修知识
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  网站留言