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ù)實例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript webpack模塊打包器如何優(yōu)化前端性能
本系列主要整理前端面試中需要掌握的知識點。本節(jié)介紹webpack如何優(yōu)化前端性能,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-08-08js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼
要保留小數(shù)點后N位的問題,經(jīng)過一番思索,終于解決了,這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點后n位代碼,感興趣的朋友可以參考一下2016-07-07JavaScript函數(shù)節(jié)流概念與用法實例詳解
這篇文章主要介紹了JavaScript函數(shù)節(jié)流概念與用法,結(jié)合實例形式詳細分析了JavaScript函數(shù)節(jié)流的概念、功能,并分析了函數(shù)節(jié)流的用法與使用技巧,需要的朋友可以參考下2016-06-06動態(tài)生成的IFRAME,設置SRC時的,不同位置帶來的影響
動態(tài)生成的IFRAME,設置SRC時的,不同位置帶來的影響。 以下所說的是在IE7下運行的。IE6下也是同樣。 在這個blog中,直接點擊運行代碼,和把下面代碼保存到為網(wǎng)頁在運行(以本地文件或域名訪問),效果不一樣。2008-03-03js實現(xiàn)點擊按鈕后給Div圖層設置隨機背景顏色的方法
這篇文章主要介紹了js實現(xiàn)點擊按鈕后給Div圖層設置隨機背景顏色的方法,實例分析了javascript操作頁面div元素屬性及隨機數(shù)的相關技巧,需要的朋友可以參考下2015-05-05Ajax異步文件上傳與NodeJS express服務端處理
本文主要介紹了Ajax異步文件上傳與NodeJS express服務端處理的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04