1. 程式人生 > >關於Java Web使用的DataTables外掛獲取所有資料以及表格重新整理

關於Java Web使用的DataTables外掛獲取所有資料以及表格重新整理

<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();//無彈窗,靜默重新整理