Layui组件Table绑定行点击事件和获取行数据的方法


Posted in Javascript onAugust 19, 2018

一个项目里面用了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 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
JavaScript Event事件学习第一章 Event介绍
Feb 07 Javascript
动态创建样式表在各浏览器中的差异测试代码
Sep 13 Javascript
javascripit实现密码强度检测代码分享
Dec 12 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
Feb 11 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 Javascript
菊花转动的jquery加载动画效果
Aug 19 #jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 #jQuery
jQuery UI实现动画效果代码分享
Aug 19 #jQuery
基于layui数据表格以及传数据的方式
Aug 19 #Javascript
LayUi中接口传数据成功,表格不显示数据的解决方法
Aug 19 #Javascript
如何将HTML字符转换为DOM节点并动态添加到文档中详解
Aug 19 #Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 #Javascript
You might like
后宫无数却洁身自好的男主,唐三只爱小舞
2020/03/02 国漫
php入门之连接mysql数据库的一个类
2012/04/21 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
Laravel5.5+ 使用API Resources快速输出自定义JSON方法详解
2020/04/06 PHP
jquery下异步提交表单 异步跨域提交表单
2010/11/17 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
jquery实现带缩略图的全屏图片画廊效果实例
2015/06/25 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
Three.js学习之几何形状
2016/08/01 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
js编写简单的计时器功能
2017/07/15 Javascript
JavaScript 值类型和引用类型的初次研究(推荐)
2017/07/19 Javascript
在React中如何优雅的处理事件响应详解
2017/07/24 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
vue实现购物车加减
2020/05/30 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
[42:52]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
Python实现数据库编程方法详解
2015/06/09 Python
Python抓取百度查询结果的方法
2015/07/08 Python
深入浅析python 中的匿名函数
2018/05/21 Python
python logging重复记录日志问题的解决方法
2018/07/12 Python
python爬虫之自动登录与验证码识别
2020/06/15 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
Python 寻找局部最高点的实现
2019/12/05 Python
关于windows下Tensorflow和pytorch安装教程
2020/02/04 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
Pure Collection美国官网:来自英国羊绒专家的奢华羊绒
2017/11/19 全球购物
大学生找工作推荐信范文
2013/11/28 职场文书
2014年班干部工作总结
2014/11/25 职场文书
使用logback实现按自己的需求打印日志到自定义的文件里
2021/08/30 Java/Android