您的位置:首页 > 编程语言 > Java开发

关于Java Web使用的DataTables插件获取所有数据以及表格刷新

2017-07-24 17:51 741 查看
<table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample-table-2"></table>1.var nTrs = $('#sample-table-2').dataTable().fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象。for (var i = 0; i < nTrs.length; i++) {        var allTr = $('#sample-table-2').dataTable().fnGetData(nTrs[i]);}2.获取表格所有数据function getTableContent(){         var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象         for(var i = 0; i < nTrs.length; i++){              console.log('[获取数据]' + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据         }     } 3.获取表格选中行数据function getTableContent(){         var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr对象         for(var i = 0; i < nTrs.length; i++){             if($(nTrs[i]).hasClass('selected')){                  console.log('[获取数据]' + table.fnGetData(nTrs[i]));//fnGetData获取一行的数据               }         }  }4.获取某一行某一列数据function getTableContent(){    var nTrs = table.fnGetNodes();//fnGetNodes获取表格所有行,nTrs[i]表示第i行tr   for(var i = 0; i < nTrs.length; i++){  //  if($(nTrs[i]).hasClass('selected')){//相当于$(tr)    var t = table.fnGetData(nTrs[i]);          console.log("aaaaaa:" + t[2]);//获取一行第3列数据    // }   }  } 5.datatables表格刷新
$('#sample-table-2').DataTable({}).ajax.reload();//有弹窗,alert提示信息
这里的 sample-table-2 是datatables的id。
$('#sample-table-2').DataTable({"bRetrieve": true}).ajax.reload();//无弹窗,静默刷新
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  java web 实例 jsp java 插件
相关文章推荐