bootstrapTable 配置項


 1 pgHelper.getPgConfig = function (cf) {
 2     return {
 3         url: cf.url,         //請求后台的URL(*)
 4         method: 'post',                      //請求方式(*)
 5         toolbar: '#toolbar',                //工具按鈕用哪個容器
 6         striped: true,                      //是否顯示行間隔色
 7         cache: false,                       //是否使用緩存,默認為true,所以一般情況下需要設置一下這個屬性(*)
 8         pagination: true,                   //是否顯示分頁(*)
 9         sortable: true,                     //是否啟用排序
10         sortOrder: "asc",                   //排序方式
11         queryParams: function (params) {
12             pgHelper_count++;
13 
14             var t = new Date().getTime();
15             if (t - pgHelper_tt < 800 && pgHelper_count > 1) {
16                 $.diy_alert({ "cont": "你點擊過於頻繁,請稍后再點擊!" });
17                 return false;
18             }
19             pgHelper_tt = t;
20             return $.extend(new DomHelper.GetParamsObj(), {
21                 PS: params.limit,   //頁面大小
22                 PI: params.offset,//,  //頁碼
23                 sort: params.sort,  //排序列名 
24                 order: params.order  //排序 asc,desc 
25 
26             });
27         },
28         sidePagination: "server",           //分頁方式:client客戶端分頁,server服務端分頁(*)
29         pageNumber: 1,                       //初始化加載第一頁,默認第一頁
30         pageSize: cf.pageSize == null ? 10 : cf.pageSize,                       //每頁的記錄行數(*)
31         pageList: cf.pageList == null ? [10, 25, 50] : cf.pageList,        //可供選擇的每頁的行數(*)
32         search: false,                       //是否顯示表格搜索,此搜索是客戶端搜索,不會進服務端,所以,個人感覺意義不大
33         strictSearch: true,
34         showColumns: false,                  //是否顯示所有的列
35         showRefresh: false,                  //是否顯示刷新按鈕
36         minimumCountColumns: 2,             //最少允許的列數
37         clickToSelect: true,                //是否啟用點擊選中行
38         //height: 500,                        //行高,如果沒有設置height屬性,表格自動根據記錄條數覺得表格高度
39         uniqueId: "id",                     //每一行的唯一標識,一般為主鍵列
40         showToggle: false,                    //是否顯示詳細視圖和列表視圖的切換按鈕
41         cardView: false,                    //是否顯示詳細視圖
42         detailView: false,                   //是否顯示父子表
43         onCheck: function (row) { $table.currRow = row; },
44         onLoadSuccess: function () { $table.currRow = false; if (cf.onLoadSuccess) { cf.onLoadSuccess(); } },
45         columns: cf.columns
46     };
47 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM