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判断是否为数字,是否为整数,是否为浮点数的代码
Apr 24 Javascript
jQuery中live方法的重复绑定说明
Oct 21 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JavaScript电子时钟倒计时
Jan 09 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 Javascript
如何解决jQuery EasyUI 已打开Tab重新加载问题
Dec 19 Javascript
JS中mouseup事件丢失的原因与解决办法
Jun 14 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
菊花转动的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
谈一谈收音机的高放电路
2021/03/02 无线电
PHP程序中的文件锁、互斥锁、读写锁使用技巧解析
2016/03/21 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
Jquery 获得服务器控件值的方法小结
2010/05/11 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
javascript简单比较日期大小的方法
2016/01/05 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
js实现动态显示时间效果
2017/03/06 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
原生javascript的ajax请求及后台PHP响应操作示例
2020/02/24 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
vue.js实现点击图标放大离开时缩小的代码
2021/01/27 Vue.js
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
py中的目录与文件判别代码
2008/07/16 Python
非递归的输出1-N的全排列实例(推荐)
2017/04/11 Python
Python使用base64模块进行二进制数据编码详解
2018/01/11 Python
用python生成(动态彩色)二维码的方法(使用myqr库实现)
2019/06/24 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
浅谈keras2 predict和fit_generator的坑
2020/06/17 Python
基于Python正确读取资源文件
2020/09/14 Python
python安装sklearn模块的方法详解
2020/11/28 Python
EJB面试题
2015/07/28 面试题
消防安全汇报材料
2014/02/08 职场文书
股份转让协议书范本
2015/01/27 职场文书
失恋33天观后感
2015/06/11 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
导游词之西安骊山
2019/12/03 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS