DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例
更新時間:2017年07月04日 08:18:31 投稿:jingxian
下面小編就為大家?guī)硪黄狣ataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
廢話不多說,直接上代碼
//1.定義全局變量
var iStart = 0, searchParams={};
//2.配置datatable的ajax配置項
"ajax": {
"url": "/user/query",
"type": "POST",
//動態(tài)請求參數(shù)設置,會應用到每次請求
"data": function (d) {
//刪除多余請求參數(shù)
for(var key in d){
if(key.indexOf("columns")==0||key.indexOf("order")==0||key.indexOf("search")==0){ //以columns開頭的參數(shù)刪除
delete d[key];
}
}
//附加查詢參數(shù)
if(searchParams){
$.extend(d,searchParams); //給d擴展參數(shù)
}
},
//數(shù)據(jù)源處理(當數(shù)據(jù)加載完畢時觸發(fā))
"dataSrc": function ( json ) {
iStart = json.start + 1; //起始行號
return json.data;
}
}
//3.查詢按鈕綁定點擊事件
/**
* 搜索
*/
$('.search').click(function () {
reloadTable();
});
//4.刷新表格方法
/**
* 重新加載表格,刷新頁碼
*/
function reloadTable() {
//希望搜索一次附加參數(shù),修改搜索條件后,如果不點擊搜索按鈕,切換頁碼仍使用上次參數(shù)
var number = $("#number").val();
var name = $("#name").val();
searchParams.number = number;
searchParams.name = name;
var table = $('#userTable').DataTable();
table.ajax.reload();
}
//5.刷新表格,頁碼不變方法
/**
* 刷新表格,不改變頁碼
*/
function refreshTable() {
var table = $('#userTable').DataTable();
table.draw(false);
}
//6.跳頁實現(xiàn)
$('#example').DataTable().page(5).draw(false)
或者
$('#example').DataTable().page(5).draw('page')
以上這篇DataTables添加額外的查詢參數(shù)和刪除columns等無用參數(shù)實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
bootstrap-table.js擴展分頁工具欄(增加跳轉到xx頁)功能
這篇文章主要介紹了bootstrap-table.js擴展分頁工具欄,增加跳轉到xx頁功能,由于小編的水平停留在dom級,此次擴展只支持頁面上的表格,如果大家有好的建議歡迎提出2017-12-12
純JavaScript 實現(xiàn)flappy bird小游戲實例代碼
這篇文章主要介紹了純JavaScript 實現(xiàn)flappy bird小游戲實例代碼,b本文分七大步驟給大家介紹,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
使用JavaScript實現(xiàn)小球按照貝塞爾曲線運動
要在 JavaScript 中實現(xiàn)一個按照貝塞爾曲線運動的小球,關鍵是要掌握貝塞爾公式的基本原理和實現(xiàn)方式,以及使用 JavaScript 處理動畫和物理運算,感興趣的小伙伴跟著小編一起來看看吧2024-10-10

