国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

Bootstrap table兩種分頁示例

2019-11-19 18:17:43
字體:
來源:轉載
供稿:網友

Bootstrap table服務器端分頁和客戶端分頁,供大家參考,具體內容如下

服務器端分頁

注意服務器端數據的返回的格式

[json]必須包含:total節點(總記錄數),rows節點(分頁后數據)
即:{“total”:24,”rows”:[…]}

 $('#test-table').bootstrapTable({  //請求方法 method: 'get',  //是否顯示行間隔色 striped: true, //是否使用緩存,默認為true,所以一般情況下需要設置一下這個屬性(*)  cache: false,  //是否顯示分頁(*)  pagination: true,   //是否啟用排序  sortable: false,   //排序方式  sortOrder: "asc",  //初始化加載第一頁,默認第一頁 //我設置了這一項,但是貌似沒起作用,而且我這默認是0,- - //pageNumber:1,  //每頁的記錄行數(*)  pageSize: 10,  //可供選擇的每頁的行數(*)  pageList: [10, 25, 50, 100], //這個接口需要處理bootstrap table傳遞的固定參數,并返回特定格式的json數據  url: "/test/testtable.action", //默認值為 'limit',傳給服務端的參數為:limit, offset, search, sort, order Else //queryParamsType:'',  ////查詢參數,每次調用是會帶上這個參數,可自定義   queryParams: queryParams : function(params) {  var subcompany = $('#subcompany option:selected').val();  var name = $('#name').val();  return {  pageNumber: params.offset+1,  pageSize: params.limit,  companyId:subcompany,  name:name  }; }, //分頁方式:client客戶端分頁,server服務端分頁(*) sidePagination: "server", //是否顯示搜索 search: false,  //Enable the strict search.  strictSearch: true, //Indicate which field is an identity field. idField : "id", columns: [{  field: 'id',  title: 'id',  align: 'center' }, {  field: 'testkey',  title: '測試標識',  align: 'center' }, {  field: 'testname',  title: '測試名字',  align: 'center' },{  field: 'id',  title: '操作',  align: 'center',  formatter:function(value,row,index){  //通過formatter可以自定義列顯示的內容  //value:當前field的值,即id  //row:當前行的數據  var a = '<a href="" >測試</a>';  }  }], pagination:true });

客戶端分頁

將sidePagination屬性設為“client”即可

服務器返回json數據必須包含data節點(展示數據)

當數據量較少,只有上千條數據時,一次性將所有數據返回給客戶端,無論點下一頁,或搜索條件時,不向服務端發請求,實現全文檢索。

如果大家還想深入學習,可以點擊這里進行學習,再為大家附3個精彩的專題:

Bootstrap學習教程

Bootstrap實戰教程

Bootstrap Table使用教程

Bootstrap插件使用教程

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 长岭县| 洪江市| 礼泉县| 张掖市| 高平市| 龙南县| 冕宁县| 军事| 长垣县| 聂拉木县| 肥西县| 天峨县| 广东省| 广昌县| 乌兰县| 西乌珠穆沁旗| 集安市| 温州市| 新和县| 郧西县| 本溪| 卢龙县| 涞源县| 勃利县| 西青区| 耒阳市| 旬阳县| 嘉荫县| 永州市| 从化市| 禹城市| 蓬溪县| 铜山县| 铁力市| 武安市| 扶绥县| 凌源市| 雷山县| 河曲县| 当阳市| 长宁县|