Bootstrap兩種分頁形式:
全部加載數(shù)據(jù),然后在js中分頁和查詢;后臺(tái)分頁,通過后臺(tái)加載一頁的數(shù)據(jù);后臺(tái)發(fā)送json格式的數(shù)據(jù)到前臺(tái),前臺(tái)通過js處理,生成table等,html或者jsp頁面顯示。
兩種方式都通過【$(‘頁面table的ID’).bootstrapTable{()};】函數(shù)來處理數(shù)據(jù)。下面說下里面的參數(shù)
1.method:請(qǐng)求方式。兩種get和post。
2.url:請(qǐng)求地址。
3.dataType:類型。json
4.search:是否顯示搜索框。true:不顯示 ;false:顯示
5.sidePagination:設(shè)置為服務(wù)器端分頁 。參數(shù)有兩種,server:服務(wù)端請(qǐng)求;client:客戶端請(qǐng)求
6.pageSize:每頁條數(shù)。
7.queryParams:設(shè)置參數(shù)(想后臺(tái)發(fā)的參數(shù),4個(gè):a.limit;b.offset;c.search;d.order;e.sort;)
8.responseHandler:響應(yīng)后臺(tái)參數(shù)。


項(xiàng)目下載地址:http://vdisk.weibo.com/s/tnPMj8sanfnT/1427438640
全部加載數(shù)據(jù),然后在js中分頁和查詢;后臺(tái)分頁,通過后臺(tái)加載一頁的數(shù)據(jù);后臺(tái)發(fā)送json格式的數(shù)據(jù)到前臺(tái),前臺(tái)通過js處理,生成table等,html或者jsp頁面顯示。
兩種方式都通過【$(‘頁面table的ID’).bootstrapTable{()};】函數(shù)來處理數(shù)據(jù)。下面說下里面的參數(shù)
1.method:請(qǐng)求方式。兩種get和post。
2.url:請(qǐng)求地址。
3.dataType:類型。json
4.search:是否顯示搜索框。true:不顯示 ;false:顯示
5.sidePagination:設(shè)置為服務(wù)器端分頁 。參數(shù)有兩種,server:服務(wù)端請(qǐng)求;client:客戶端請(qǐng)求
6.pageSize:每頁條數(shù)。
7.queryParams:設(shè)置參數(shù)(想后臺(tái)發(fā)的參數(shù),4個(gè):a.limit;b.offset;c.search;d.order;e.sort;)
8.responseHandler:響應(yīng)后臺(tái)參數(shù)。
9.columns:[{}] 數(shù)據(jù)列
注:請(qǐng)求地址js會(huì)加入?yún)?shù)“l(fā)imit=5&offset=0&order=asc”。limit參數(shù)是上述的pageSize;offset是每頁第一條數(shù),例如:第一頁offset=0;第二頁offset=10。前端
后臺(tái)controller(分頁暫時(shí)未封裝)
列的屬性:
1.field:后臺(tái)json中key
2.title:標(biāo)題
3.visible: 是否隱藏列 false:隱藏 true:不隱藏
4.sortable: 是否可以排序 true:可以 false:不可以
5.valign: 對(duì)其方式
6.formatter:function(value, row, index){} 自定義列中內(nèi)容(例如:修改按鈕、刪除按鈕)
7.events:function(){} 對(duì)自定義列中內(nèi)容的操作函數(shù)(例如:修改、刪除)
項(xiàng)目下載地址:http://vdisk.weibo.com/s/tnPMj8sanfnT/1427438640