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的动画类 Fx.js
Nov 05 Javascript
JS实现时间格式化的方式汇总
Oct 16 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 Javascript
JavaScript职责链模式概述
Sep 17 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
Feb 15 Javascript
JavaScript脚本语言是什么_动力节点Java学院整理
Jun 26 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
前端跨域的几种解决方式总结(推荐)
Aug 16 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
elementui的el-popover修改样式不生效的解决
Jun 30 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 curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
php in_array() 检查数组中是否存在某个值详解
2016/11/23 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
解决JS组件bootstrap table分页实现过程中遇到的问题
2016/04/21 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
Vue.js实现一个SPA登录页面的过程【推荐】
2017/04/29 Javascript
jQuery条件分页 代替离线查询(附代码)
2017/08/17 jQuery
javascript trie前缀树的示例
2018/01/29 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
JS实现监控微信小程序的原理
2018/06/15 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
[06:24]DOTA2 2015国际邀请赛中国区预选赛第二日TOP10
2015/05/27 DOTA
Linux下使用python自动修改本机网关代码分享
2015/05/21 Python
深入解析Python中的lambda表达式的用法
2015/08/28 Python
Python实现嵌套列表及字典并按某一元素去重复功能示例
2017/11/30 Python
numpy.delete删除一列或多列的方法
2018/04/03 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
Python图像处理之简单画板实现方法示例
2018/08/30 Python
Python3爬虫学习之爬虫利器Beautiful Soup用法分析
2018/12/12 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
python 实现rolling和apply函数的向下取值操作
2020/06/08 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
Html5实现如何在两个div元素之间拖放图像
2013/03/29 HTML / CSS
Bally巴利英国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/07 全球购物
优秀党支部事迹材料
2014/01/14 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
2014年服务员工作总结
2014/11/18 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python