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实现简单验证码提示解决方案
Dec 20 Javascript
如何用js控制frame的隐藏或显示的解决办法
Mar 20 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
js实现漂浮回顶部按钮实例
May 06 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 Javascript
AngularJs IE Compatibility 兼容老版本IE
Sep 01 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
基于Datatables跳转到指定页的简单实例
Nov 09 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
Sep 20 Javascript
浅析 Vue 3.0 的组装式 API(一)
Aug 31 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不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
使用gd库实现php服务端图片裁剪和生成缩略图功能分享
2013/12/25 PHP
JavaScript的Function详细
2006/11/14 Javascript
jquery HotKeys轻松搞定键盘事件代码
2008/08/30 Javascript
关于jquery动态增减控件的一些想法和小插件
2010/08/01 Javascript
JavaScript日历实现代码
2010/09/12 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
jQuery的ready方法详解
2014/11/27 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
2016/07/22 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
bootstrap制作jsp页面(根据值让table显示选中)
2017/01/05 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
jQuery实现左右滑动的toggle方法
2018/03/03 jQuery
Node.js折腾记一:读指定文件夹,输出该文件夹的文件树详解
2019/04/20 Javascript
javascript实现blob加密视频源地址的方法
2019/08/08 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
javascript设计模式 ? 解释器模式原理与用法实例分析
2020/04/17 Javascript
vue自定义标签和单页面多路由的实现代码
2020/05/03 Javascript
vue-cli —— 如何局部修改Element样式
2020/10/22 Javascript
[02:06]DOTA2英雄基础教程 暗影萨满
2013/12/16 DOTA
[04:20]DOTA2-DPC中国联赛 正赛 VG vs LBZS 选手采访 1月19日
2021/03/11 DOTA
List, Set, Map是否继承自Collection接口?
2016/05/16 面试题
毕业生求职推荐信
2013/11/04 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
理发店策划方案
2014/06/05 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
创业计划书之面包店
2019/09/12 职场文书
导游词之沈阳植物园
2019/11/30 职场文书