bootstrap table 服務器端分頁例子分享
1,前臺引入所需的js 可以從官網上下載
function getTab(){
var url = contextPath+'/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method: 'get', //這里要設置為get,不知道為什么 設置post獲取不了
url: url,
cache: false,
height: 400,
striped: true,
pagination: true,
pageList: [10,20],
// contentType: "application/x-www-form-urlencoded",
pageSize:10,
pageNumber:1,
search: true,
sidePagination:'server',//設置為服務器端分頁
queryParams: queryParams,//參數(shù)
showColumns: true,
showRefresh: true,
minimumCountColumns: 2,
clickToSelect: true,
smartDisplay:true,
columns: [
{
field: 'interfaceInfoCode',
title: '資金通道編碼',
align: 'center',
width: '180',
valign: 'bottom',
sortable: true
}, {
field: 'retreatBatchCode',
title: '資金退回批次號',
align: 'center',
width: '200',
valign: 'middle',
sortable: true
}, {
field: 'total',
title: '總筆數(shù)',
align: 'center',
width: '10',
valign: 'top',
sortable: true
}, {
field: 'totalMoney',
title: '總金額',
align: 'center',
width: '100',
valign: 'middle',
clickToSelect: false
}, {
title: '操作',
field: 'state',
align: 'center',
width: '200',
valign: 'middle',
}]
});
}
//設置傳入參數(shù)
function queryParams(params) {
return params
}
$(function(){
getTab();
})
2 后臺
獲取limit offset ,有些網站上 要格式化傳入參數(shù) 獲取pageSize,pageIndex 反正我是沒有成功,如果知道 可以分享給我
int currentPage = request.getParameter("offset") == null ? 1 : Integer.parseInt(request.getParameter("offset"));
// 每頁行數(shù)
int showCount = request.getParameter("limit") == null ? 10 : Integer.parseInt(request.getParameter("limit"));/
if (currentPage != 0) {// 獲取頁數(shù)
currentPage = currentPage / showCount;
}
currentPage += 1;
JSONObject json = new JSONObject();
json.put("rows", bfrv); //這里的 rows 和total 的key 是固定的
json.put("total", total);
以上所述就是本文的全部內容了,希望小伙伴們能夠喜歡。
相關文章
詳解jquery validate實現(xiàn)表單驗證 (正則表達式)
本篇文章主要介紹了jquery validate實現(xiàn)表單驗證 (正則表達式),用戶填寫表單時,可以快速地對用戶填寫的數(shù)據(jù)進行驗證,并做出反饋。有興趣的可以了解一下。2017-01-01利用jQuery 實現(xiàn)GridView異步排序、分頁的代碼
經常會用到jquery.ui.tabs標簽,如我們可以把備份管理放在一個頁面上,而該頁面有兩個tab分別為備份和還原,但這樣會現(xiàn)在這個頁面臃腫2010-02-02在jQuery1.5中使用deferred對象 著放大鏡看Promise
在那篇經典的關于jQuery1.5中Deferred使用方法介紹的文章中(譯文見這里),有下面一段描述2011-03-03用jquery實現(xiàn)學校的校歷(asp.net+jquery ui 1.72)
學校日歷有以下幾個特點:1顯示本周是本學期的第幾周;2顯示今日事件;3特殊顯示有事件的日期,點擊該日期顯示本日事件。2010-01-01jQuery ajax MD5實現(xiàn)用戶注冊即時驗證功能
這篇文章主要為大家詳細介紹了JQuery AJAX MD5實現(xiàn)用戶注冊即時驗證功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10BootStrap日期控件在模態(tài)框中選擇時間下拉菜單無效的原因及解決辦法(火狐下不能點擊)
今天同事讓我?guī)退黄鸾鉀Q一個問題,關于兼容的bug問題,在火狐中使用模態(tài)框加載日期控件時選擇時間下拉菜單沒有效果(不能點擊),而在谷歌中卻是好的,下面小編附上原因分析及解決辦法,有需要的朋友可以參考下2016-08-08