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

最新推荐文章于 2025-05-09 13:56:05 发布

星辰大海皆虚妄

最新推荐文章于 2025-05-09 13:56:05 发布

阅读量2.7w

点赞数

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： layui

本文链接：https://blog.youkuaiyun.com/Chenxc90/article/details/80336824

layui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用layui框架时遇到的问题：如何正确地为表格行绑定双击事件，并从中获取行数据。通过示例代码展示了具体的实现步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个项目里面用了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);
    })
}