Layui组件Table绑定行点击事件和获取行数据的方法
更新时间：2018年08月19日 13:38:55 作者：黑暗骑士陈二狗
今天小编就为大家分享一篇Layui组件Table绑定行点击事件和获取行数据的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
一个项目里面用了layui,简直无数个坑...
这里先记录一个行点击事件的坑,后面慢慢补充.
初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据;
done: function(res, curr, count){
$('#div').find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
var id = JSON.stringify($('#div').find('.layui-table-body').find("table" ).find("tbody").find(".layui-table-hover").data('index'));
var obj = res.data[id];
fun.openLayer(obj);
})
}
以上这篇Layui组件Table绑定行点击事件和获取行数据的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript Array.flat()函数用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
javascript使用switch case实现动态改变超级链接文字及地址
这篇文章主要介绍了javascript使用switch case实现动态改变超级链接文字及地址,需要的朋友可以参考下2014-12-12
Symbol 唯一的用途就是标识对象属性，表明对象支持的功能。 这篇文章给大家介绍ES6 Symbol 的用途，感兴趣的朋友跟随小编一起看看吧2018-10-10
这篇文章主要介绍了小程序tab页无法传递参数的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
本文主要介绍了一款比较强大的web打印工具lodop实现将winform客户端的打印，移到网页上由客户自行打印，打印要求是根据一定的格式实现套打的过程与方法。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了JavaScript中类型判断的相关常见方法,文中的示例代码讲解详细,对我们深入学习JavaScript有一定帮助,需要的可以参考下2023-11-11
数组去重复是一个常见的需求，我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法，网上基本都有，这里只是简单地总结一下。2015-04-04
今天小编就为大家分享一篇原生js检测页面加载完毕的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了JS运动特效之链式运动,结合实例形式分析了javascript链式运动的原理与具体实现技巧,需要的朋友可以参考下2018-01-01
这篇文章主要为大家介绍了JavaScript中的原型和原型链，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
最新评论