国产探花免费观看_亚洲丰满少妇自慰呻吟_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插件使用教程

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 施秉县| 资溪县| 仲巴县| 武城县| 固始县| 都昌县| 布拖县| 永仁县| 米泉市| 县级市| 浙江省| 泰顺县| 拜城县| 称多县| 隆林| 湘阴县| 开封市| 建昌县| 山东| 利川市| 宝应县| 乌拉特前旗| 三亚市| 江陵县| 尉氏县| 江达县| 微山县| 如东县| 潮州市| 安庆市| 德格县| 铜陵市| 五华县| 万年县| 都江堰市| 仙桃市| 蒙阴县| 新邵县| 长宁县| 洮南市| 宣城市|