Layui组件Table绑定行点击事件和获取行数据的方法

2024-05-06 16:45:47

字体：大中小

来源：转载

供稿：网友

一个项目里面用了layui,简直无数个坑...

这里先记录一个行点击事件的坑,后面慢慢补充.

初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据;

done: function(res, curr, count){ $('#div').find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){  var id = JSON.stringify($('#div').find('.layui-table-body').find("table" ).find("tbody").find(".layui-table-hover").data('index'));  var obj = res.data[id];  fun.openLayer(obj); })}

以上这篇Layui组件Table绑定行点击事件和获取行数据的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持VeVb武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：layui框架table 数据表格的方法级渲染详解

下一篇：layui获取选中行数据的实例讲解