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的Select选择框的华丽变身
Aug 23 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
js取模(求余数)隔行变色
May 15 Javascript
JavaScript变量声明详解
Nov 27 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
bootstrap paginator分页前后台用法示例
Jun 17 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
Vue.js中的高级面试题及答案
Jan 13 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
PHP之COOKIE支持详解
2010/09/20 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
php foreach如何跳出两层循环(详解)
2016/11/05 PHP
Laravel重定向,a链接跳转,控制器跳转示例
2019/10/22 PHP
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
2012/02/27 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
jQuery中:hidden选择器用法实例
2014/12/30 Javascript
javascript实现相同事件名称,不同命名空间的调用方法
2015/06/26 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
2016/08/25 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
详解Nuxt.js 实战集锦
2019/11/19 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
[03:02]2020完美世界城市挑战赛(秋季赛)总决赛回顾
2021/03/11 DOTA
Python遍历目录中的所有文件的方法
2016/07/08 Python
Python获取当前路径实现代码
2017/05/08 Python
python微信公众号之关注公众号自动回复
2018/10/25 Python
Django密码系统实现过程详解
2019/07/19 Python
python scipy卷积运算的实现方法
2019/09/16 Python
如何通过命令行进入python
2020/07/06 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
国际领先的学术出版商:Springer
2017/01/11 全球购物
四风问题个人对照检查材料
2014/09/26 职场文书
毕业生见习报告总结
2014/11/08 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2015年司机工作总结
2015/04/23 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
Go语言空白表示符_的实例用法
2021/07/04 Golang
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android