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 });
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!