datatable 在分頁的情況下 如何實現重新載入當前頁資訊
阿新 • • 發佈:2019-01-30
這個蛋疼的問題 可謂是相當有趣
需求:在第二頁修改或者編輯內容完成後,重新載入頁面(區域性重新整理),希望留在本頁面中 ,即第二頁!
一開始以為要往後臺傳輸 當前頁 ,資料起始行數 即limit start,size 這個兩個資訊
結果寫了兩個小時都不好使 ,最後去官網一看 ,奶奶的,直接想砸電腦的衝動有木有
官網:
var
table
= $(
'#example'
).DataTable();
//
Sort by column 1 and then re-draw
table
.order(
[[ 1,
'asc'
]]
)
.draw(
false
);
解讀過來可以簡單的認為 table.draw(false);
便可以實現當前頁重新載入的情況
在需要重新載入的地方 寫上這一句便可!很蛋疼的玩意
貼出程式碼 ,方便朋友理解:
$.ajax({url: "/settle-account/benefit/subPay.action",
type: "POST",
data: {
"userId": userId,
"billId": billNo,
"payType": subPayType,
"returnNumber": CBNo,
"subStartTime": subStartTime,
"payer": payer,
},
beforeSend: function () {
// 禁用按鈕防止重複提交,傳送前響應
//$("#submit").attr({ disabled: "disabled" });
$("#submsg").html("正在提交還款申請,請稍後...");
},
success: function(data) {
if (data == 0) {
closeConfirmWindow();
openModalWindow("還款處理中,請稍後檢視賬單列表!");
setTimeout('bc_Table.draw(false)', 3000); //重新載入bc_Table.ajax.reload()
} else {
$("#submsg").html("還款失敗,請重新提交...");
}
},
complete: logout
});
};
如上,本來重新載入table表格 是:bc_Table.ajax.reload(); 換成 bc_Table.draw(false); 便是重新載入當前頁 ,在分頁的前提下 載入後 還是在當前頁 官網的強大可見一斑!