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 });