Loading

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 @ 2021-12-21 17:13  DDD-SagerKing  阅读(5076)  评论(0编辑  收藏  举报