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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM