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 相关文章推荐
JS 非图片动态loading效果实现代码
Apr 09 Javascript
jquery对表单操作2
Apr 06 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
jQuery的基本概念与高级编程
May 14 Javascript
js获取时间函数及扩展函数的方法
Oct 30 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
jQuery.form.js的使用详解
Jun 14 jQuery
angular实现spa单页面应用实例
Jul 10 Javascript
Angular中的$watch方法详解
Sep 18 Javascript
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
JavaScript this关键字的深入详解
Jan 14 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
第十一节--重载
2006/11/16 PHP
php strtotime 函数UNIX时间戳
2009/01/14 PHP
国外十大最流行的PHP框架排名
2013/07/04 PHP
深入Nginx + PHP 缓存详解
2013/07/11 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
深入理解PHP中的global
2014/08/19 PHP
为PHP安装imagick时出现Cannot locate header file MagickWand.h错误的解决方法
2014/11/03 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
2014/09/01 Javascript
Javascript核心读书有感之类型、值和变量
2015/02/11 Javascript
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
详解JavaScript时间处理之几个月前或几个月后的指定日期
2016/12/21 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
[58:59]完美世界DOTA2联赛PWL S3 access vs CPG 第一场 12.13
2020/12/16 DOTA
python中使用OpenCV进行人脸检测的例子
2014/04/18 Python
Python访问MySQL封装的常用类实例
2014/11/11 Python
Python MySQLdb模块连接操作mysql数据库实例
2015/04/08 Python
python基于phantomjs实现导入图片
2016/05/13 Python
使用Python实现简单的服务器功能
2017/08/25 Python
python字典操作实例详解
2017/11/16 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
在PyCharm下使用 ipython 交互式编程的方法
2019/01/17 Python
解决python图像处理图像赋值后变为白色的问题
2020/06/04 Python
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
新英格兰最大的特色礼品连锁店:The Paper Store
2018/07/23 全球购物
遗嘱公证书标准样本
2014/04/08 职场文书
2016新年晚会开场白
2015/12/03 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
Log4j.properties配置及其使用
2021/08/02 Java/Android
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis
设置IIS Express并发数
2022/07/07 Servers