Layui组件Table绑定行点击事件和获取行数据的方法
2018-08-19 13:38
946 查看
一个项目里面用了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绑定行点击事件和获取行数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 获取DataGridView绑定BindingSource的数据表,并根据树控件点击进行筛选数据表,下拉控件自定义排序问题初步解决方法,解决了该行属于另一个表的错误提示.
- 在Vue组件中获取全局的点击事件方法
- 201507221403_《backbone之一——新建模型和集合、实例化模型、模型上监听事件的方法、模型设置和获取后台数据、配置理由方法、视图绑定事件的方法、绑定模型等》
- FormView 编辑模式 DataBind 事件中如何获取当前绑定的数据对象
- Android学习笔记 获取所点击View中的数据 更新adapter方法
- Jquery 模板插件 jquery.tmpl.js 的使用方法(1):基本语法,绑定,each循环,ajax获取json数据
- gridview中button添加事件以及获取点击button那行的索引和数据
- gridview绑定checkbox控件后,通过单击CheckedChanged事件获取当前选择行的数据
- WPF 点击 datatemplate 里面的控件,获取相应绑定的数据
- ListView的数据绑定与点击事件读取信息
- dwz框架的table,页面初始化用ajax获取并设置表格内容后,表格没有点击事件等。
- highcharts图表组件入门教程:如何监听柱状图柱子点击事件动态更新当前数据点数值和所对应X轴刻度
- 数据绑定button,点击产生对应项事件
- iOS 为自定义tableView添加button点击事件后获取其序号
- Repeater绑定事件ItemDataBound中获取数据库中数据
- C#.NET 通用权限管理系统组件 大数据多表分页获取部分列的参考方法
- 点击DataGridView列标题排序后,绑定的DataTable也相应的排序, DataGridView和DataTable数据具有一致性 (新增加了sorted事件的排序方式)
- 通过点击datagrid的某一行的checkbox事件获取该行的其他数据(例如:行号)
- 利用jquery右键菜单巧妙获取table的每行数据的id执行方法
- 获取tableview上button的点击事件