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动态加载javascript以减少服务器压力
Oct 29 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
Node.js编写组件的三种实现方式
Feb 25 Javascript
ArtEditor富文本编辑器增加表单提交功能
Apr 18 Javascript
JavaScript中的ParseInt("08")和“09”返回0的原因分析及解决办法
May 19 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
Bootstrap 源代码分析(未完待续)
Aug 17 Javascript
vue中的数据绑定原理的实现
Jul 02 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
vue实现路由不变的情况下,刷新页面操作示例
Feb 02 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 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
古巴咖啡 Cubita琥爵咖啡 独特的加勒比海风味咖啡
2021/03/06 新手入门
从零开始 教你如何搭建Discuz!4.1论坛
2006/07/07 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
PHP内核探索之解释器的执行过程
2015/12/22 PHP
js精度溢出解决方案
2012/12/02 Javascript
xmlhttp缓存清除的2种解决方法
2013/12/13 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
基于JavaScript实现动态添加删除表格的行
2016/02/01 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
全面解析JavaScript中“&&”和“||”操作符(总结篇)
2016/07/18 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
2016/09/20 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
yarn的使用与升级Node.js的方法详解
2017/06/04 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
2019/05/14 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
[02:11]2016国际邀请赛中国区预选赛全程回顾
2016/07/01 DOTA
python集合类型用法分析
2015/04/08 Python
python中的装饰器详解
2015/04/13 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
python操作cfg配置文件方式
2019/12/22 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
Currentbody德国站:健康与美容技术专家
2020/04/05 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
毕业生求职找工作的自我评价范文
2013/11/27 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
学籍证明模板
2014/11/21 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
六年级上册《闻官军收河南河北》的教学设计
2019/11/15 职场文书
使用Golang的channel交叉打印两个数组的操作
2021/04/29 Golang
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技