[英]JQuery bootstrap datatable pagination issue
我有一個包含200多個記錄和10多個頁面的數據表。 單擊下一個和上一個按鈕時,分頁效果完美。 但是,當單擊特定頁面並嘗試轉到另一頁面時,我會遇到問題(例如:單擊1頁,然后單擊5頁)。 它顯示正在處理的消息,沒有任何反應。
我在控制台上收到此錯誤:
var oTable = $('#trip_infor_tbl').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource":"trip/infor",
"paging": true,
"language": {
"emptyTable": "No rejected entries available in table",
"info": "Showing _START_ to _END_ of _TOTAL_ entries",
"infoEmpty": "Showing 0 to 0 of 0 entries",
"infoFiltered": "",
"infoPostFix": "",
"lengthMenu": "Show _MENU_ entries",
"loadingRecords": "Loading...",
"processing": "Processing...",
"search": "Search:",
"zeroRecords": "Select a batch number from the above list",
"paginate": {
"first": "First",
"previous": "Previous",
"next": "Next",
"last": "Last"
},
"aria": {
"sortAscending": ": activate to sort column ascending",
"sortDescending": ": activate to sort column descending"
},
"decimal": "",
"thousands": ","
},
"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
oSettings.jqXHR = $.ajax( {
"dataType": 'json',
"type": "GET",
"url": sSource,
"data": aoData,
"success": fnCallback,
"error": function (e) {
}
});
if(oSettings._iDisplayLength != -1) {
page_no = Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength );
selectall.push(new Array());
}
},
"fnRowCallback": function( nRow, aData, iDisplayIndex , iDisplayIndexFull) {
//console.log(aData[0]);
selectall[page_no].push(aData[0]);
//console.log(page_no);
//console.log(selectall[page_no]);
$('#trip_infor_tbl tbody tr').each( function () {
if (jQuery.inArray(aData[0], aselected)!=-1) {
$(this).addClass('selected DTTT_selected ');
}
});
return nRow;
},
"fnDrawCallback": function ( oSettings ) {
if(oSettings._iRecordsTotal == 0) {
$("#trip_infor_tbl").find("td").remove();
$("#trip_infor_tbl tbody").append('<th class="odd"><td valign="top" colspan="8" class="dataTables_empty">No data available in table</td></th>');
}
if(oSettings._iDisplayLength != -1) {
page = Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength );
}
selected_id.push(new Array());
$('#addbtn').attr('disabled','disabled'); //hide add to approve button on load
if (oSettings._iRecordsDisplay == 0) {
$('#addbtn').attr('disabled','disabled');
}else{
}
.................................................
嘗試不使用“ bProcessing”行:true或/和“ bServerSide”行:true您的表不是很大,因此您不會注意到任何性能損失
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.