關於Java Web使用的DataTables外掛獲取所有資料以及表格重新整理
阿新 • • 發佈:2019-01-24
<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();//無彈窗,靜默重新整理