layUI:table表格的单击事件,双击事件,获取所在行的数据

关键代码如下,区别在于on后面的dblclick和click事件。其中obj就是你所点击行的数据,在点击里想进行的操作就写在这里,例如想双击打开一个子页面,可以加个layer.open啥的

复制代码
 1 table.render({
 2          
 3             done: function(res, curr, count){
 4                 $('#tableId').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
 5                     var id = JSON.stringify($('#tableId').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index'));
 6                     var obj = res.data[id];
 7                     console.log("行双击事件");
 8 
 9                 });
10                 $('#tableId').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('click',function(){
11                     var id = JSON.stringify($('#tableId').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").data('index'));
12                     var obj = res.data[id];
13                     console.log("行单击事件");
14                 });
15 
16             }
17 
18 
19         });
复制代码

 

posted @   DDD-SagerKing  阅读(5154)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示
主题色彩