Jquery DataTables 获取表格数据及行数据

注意table变量是

1.jQuery DataTables 行号获取

$("#example tbody tr").on("click", function() {
var index = $(this).context._DT_RowIndex; //行号
});

2.获取表格所有数据

  1. function getTableContent(){
  2. var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象
  3. for(var i = 0; i < nTrs.length; i++){
  4. console.log(‘[获取数据]‘ + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据
  5. }
  6. }

3.获取表格选中行数据

  1. function getTableContent(){
  2. var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象
  3. for(var i = 0; i < nTrs.length; i++){
  4. if($(nTrs[i]).hasClass(‘selected‘)){
  5. console.log(‘[获取数据]‘ + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据
  6. }
  7. }
  8. }

4.获取某一行某一列数据

  1. function getTableContent(){
  2. var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr
  3. for(var i = 0; i < nTrs.length; i++){
  4. //  if($(nTrs[i]).hasClass(‘selected‘)){//相当于$(tr)
  5. var t = table.fnGetData(nTrs[i]);
  6. console.log("aaaaaa:" + t[2]);//获取一行第3列数据
  7. // }
  8. }
  9. }
时间: 2024-10-21 06:54:04

Jquery DataTables 获取表格数据及行数据的相关文章

DataTables获取指定元素的行数据

法1: 用jquey获取,var row = $('.edit').parent().parent(); 缺点:只能获取dom上的东西,不能获取没有渲染的数据 法2: 首先绑定行号到元素上 $('#example').dataTable( { "columns": [ {"data":"name", "orderable": false, "searchable": false,"render&q

二.jquery.datatables.js表格数据添加

1.后台php public function addtable(){ $data = $_POST; if(M('yanfa_project')->add($data)){ $this->ajaxReturn("success"); } } 二.jquery.datatables.js表格数据添加

Silverlight获取DataGrid选中的行数据

注意触发的事件为:CurrentCellChanged后台代码: /// <summary> /// 获取datagrid当前选中的单元格数据 /// 如果绑定的数据源为实体的话默认选中的当前记录为一条实体 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> private void dgca

jquery $.ajax()获取服务器上的json数据

$.ajax({ url: 'http://127.0.0.1/work/open.json', success: function(data) { var ob = data; if (typeof(data) == 'string') { ob = stringtoObject(data); } }); var stringtoObject = function(json) { return eval("(" + json + ")"); } url为获取jso

三.jquery.datatables.js表格编辑与删除

1.为了使用如图效果(即将按钮放入行内http://www.datatables.net/examples/ajax/null_data_source.html) 采用了另一个数据格式 2.后台php,取表格数据变为: public function initable(){ $db = M('yanfa_project')->select(); // 取$db的长度 // $len =count($db); $item=array(); // 循环将$db二维数组每一项的value取出放一个数组

jQuery如何获取表格的指定行和列

jQuery如何获取表格的指定行和列:在堆表格进行操作的时候往往要获取指定的行和咧,也就是需要进行精确的定位,本章节就简单的介绍一下如何实现此功能.一.获取指定的行:由于代码比较简单,这里就不给出完整的代码了,只给出代码片段:1.为表格最后一行单元格添加一个class类. $("#mytable tr:last").find("td").addClass("setcolor") 2. 为表格第一个行单元格添加一个class类. $($("

通过后台SQL获取分页数据,在使用VUE-Element-Table 表格选择多行数据时,怎样在

在项目中,分页是由后台SQL获取.在table表格多选时,容易把选中的值传给后台,但是怎样在返回上一页时怎样记住表格多选的数据?? 当返回第二页时,应该把第一条数据再选中,保持选择状态. 具体思路:在页面不重新刷新加载时,使用二维数组保存el-table表格多选结果.其中一维下标记录页码,二维下标记录选中的数据. 说明:tableLoad()函数,this.tableData---通过Ajax获取本页码的列表数据 说明:handleSelectionChange()----选择变化时触发的事件方

SQL 查询数据后行数据合并为列

SQL 将查询后得到的多行数据中的某一列转为一列,如原查找后的结果为: USER_NAME 张三 李四 王五 现要将其合并为: CUSTOMER 张三,李四,王五 SQL语句如下:select STUFF((select ','+USER_NAME from tbale where USER_NAME = '' for xml path('')), 1, 1, '') CUSTOMER 其中,stuff为sql封装好的一个方法函数,用于删除指定长度的字符并在指定的起始点插入另一组字符. 语法:S

dataTables获取当前行json格式数据

装载表格数据 1 $(document).ready( function () { 2 //页面加载后装载表格数据 3 var table = $('#mytable').DataTable( { 4 "sProcessing": "处理中...", 5 "ajax": { 6 "url": "/contact/getTableDatas", 7 }, 8 "columns": [ 9