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 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
javascript 中的继承实例详解
May 05 Javascript
JS实现页面内跳转的简单代码
Sep 03 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
基于JavaScript中标识符的命名规则介绍
Jan 06 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
Vue中img的src是动态渲染时不显示的解决
Nov 14 Javascript
小程序实现列表倒计时功能
Jan 29 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
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
is_uploaded_file函数引发的不能上传文件问题
2013/10/29 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
Node.js中使用Buffer编码、解码二进制数据详解
2014/08/16 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
JavaScript使用Math.Min返回两个数中较小数的方法
2015/04/06 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
Jqgrid之强大的表格插件应用
2015/12/02 Javascript
解析JavaScript面向对象概念中的Object类型与作用域
2016/05/10 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
Vue实现简单计算器
2021/01/20 Vue.js
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
python使用webbrowser浏览指定url的方法
2015/04/04 Python
Python实现简单截取中文字符串的方法
2015/06/15 Python
使用Python对MySQL数据操作
2017/04/06 Python
window下eclipse安装python插件教程
2017/04/24 Python
django文档学习之applications使用详解
2018/01/29 Python
解决Python下imread,imwrite不支持中文的问题
2018/12/05 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
如何基于python实现年会抽奖工具
2020/10/20 Python
CSS3中的@keyframes关键帧动画的选择器绑定
2016/06/13 HTML / CSS
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
酒店员工检讨书
2014/02/18 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
协议书模板
2014/04/23 职场文书
高校优秀辅导员事迹材料
2014/05/07 职场文书
生物工程专业求职信
2014/09/03 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
导游词欢迎词
2015/02/02 职场文书
2016年国庆节新闻稿范文
2015/11/25 职场文书
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL