Datatables通过某列元素操作获取该行数据
来源:互联网 发布:坐标系平移变换矩阵 编辑:程序博客网 时间:2024/06/05 03:20
需求是这样的:通过datatables每行最后一列的”操作”按钮来触发弹出模态框表单,表单中的数据为该行的所有数据。那么首先是要确定该操作按钮为哪一行,即需要在操作触发的方法中传入(直接或间接)行数,然后通过行数来获取该行数据。
法一:
1、Datatables的初始化ajax返回数据中”操作”一列的渲染为` {
"render": function (data, type, full, meta) { if ($('#IsRightChange').val() == 1) { return '<button type="button" class="btn btn-primary" onclick="ChangeData('+ meta.row +')">操作</button>';} else{ return ''; } } },`
2、操作按钮触发的函数为下:
function ChangeData(Row) { var data= $('#example').DataTable().rows(Row).data()[0]; alert(data.cjname); }
其中cjname为Datatables返回数据中的其中一列 车间名称 ,对应的,需要什么元素直接在data.ParamterName即可。
3、通过Jquery直接给新的模态框赋值。
(‘#ID’).val(“value”);
或者(‘#ID’).attr(“value”,value); 注意使用attr时对于有的标签是可以进行value的赋值,但是并不一定能够使其text显示。比如textarea标签,使用该attr时可以使其value赋值,但是在页面显示时仍然为空。但是使用.val()进行赋值时,不仅可以使value赋值,也可以text显示出来。
法二:间接的传入行数。
1、
"render": function (data, type, full, meta) { if ($('#IsRightChange').val() == 1) { return '<button type="button" class="btn btn-primary" onclick="ChangeData(this)">操作</button>';} else{ return ''; } } },`
2、
function ChangeData(this1){ var Row = $(this1).parents('tr')[0];//通过获取该td所在的tr,即td的父级元素,取出第一列序号元素 var Data = $("#example").dataTable().fnGetData(Row);//得到这一行的json数据 var cjname= aData.cjname;//得到车间名称 }
阅读全文
0 0
- Datatables通过某列元素操作获取该行数据
- 获取控件的数据集 在设置主键 在获取该行某列的值
- 获取table中该行某列的值
- datatables获取数据列表
- 通过ResultSet获取列名组装数据
- GridView 模板列 在后台获取该行某控件的值 例如批量修改
- DOM操作通过类名获取元素
- 如何单击dataGridView内容 获取该行数据
- 右击QTableView某行后获取该行数据
- 通过点击datagrid的某一行的checkbox事件获取该行的其他数据(例如:行号)
- datatables隐藏列设置及获取隐藏列的值
- 单击选中GridView 或 HTML 表格的某行,并获取该行的数据。。。。
- Datatables部分返回数据获取不到
- 使用dataTables插件从servlet获取数据
- datatables 获取某一行的json数据
- 寻找在数组中一个元素是不是该行最小,该列最大的元素
- EasyUI DataGrid表格双击获取该行数据—笔记
- 通过ID获取元素
- 关于gitignore文件的创建与使用
- C# winForm读取配置文件 App.config
- C++性能系列之const使用心得
- 备忘录
- java线程池
- Datatables通过某列元素操作获取该行数据
- MVP结合RecycleView,利用retrofit与RxJava简单请求数据
- 当前时间的后一天
- 随机森林手写数字识别
- 跟我一起学JFinal系列一JFinal开发环境搭建
- (安卓) MVP 框架 (Rxjava2+Retrofit)结合 实现网络请求
- iphone黑屏转圈输入密码解锁问题的解决
- Git忽略规则.gitignore梳理
- 欢迎使用CSDN-markdown编辑器