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 相关文章推荐
jQuery的一些注意
Dec 06 Javascript
JavaScript函数、方法、对象代码
Oct 29 Javascript
JavaScript RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
Jquery UI震动效果实现原理及步骤
Feb 04 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
javascript中call和apply的用法示例分析
Apr 02 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
js中使用使用原型(prototype)定义方法的好处详解
Jul 04 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
Nov 29 Javascript
基于BootStrap与jQuery.validate实现表单提交校验功能
Dec 22 Javascript
python爬取安居客二手房网站数据(实例讲解)
Oct 19 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
PHP实现手机归属地查询API接口实现代码
2012/08/27 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
PHP实现倒计时功能
2020/11/16 PHP
在模板页面的js使用办法
2010/04/01 Javascript
javascript模拟的Ping效果代码 (Web Ping)
2011/03/13 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
2014/03/19 Javascript
深入分析原生JavaScript事件
2014/12/29 Javascript
JavaScript前补零操作实例
2015/03/11 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
2020/11/03 Javascript
pandas Dataframe行列读取的实例
2018/06/08 Python
python 读写文件,按行修改文件的方法
2018/07/12 Python
解决python3 安装完Pycurl在import pycurl时报错的问题
2018/10/15 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
导致python中import错误的原因是什么
2020/07/01 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
业务部经理岗位职责
2014/01/04 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
电子信息工程自荐信
2014/05/26 职场文书
党员干部一句话承诺
2014/05/30 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
优秀团员个人总结
2015/02/26 职场文书
JS的深浅复制详细
2021/10/16 Javascript
R9700摩机记
2022/04/05 无线电