bootstrap table 服务器端分页例子分享
1，前台引入所需的js可以从官网上下载
functiongetTab(){
varurl=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,//参数
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:'总笔数',
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',
}]
});
}
//设置传入参数
functionqueryParams(params){
returnparams
}
$(function(){
getTab();
})
2后台
获取limitoffset，有些网站上要格式化传入参数获取pageSize,pageIndex反正我是没有成功，如果知道可以分享给我
intcurrentPage=request.getParameter("offset")==null?1:Integer.parseInt(request.getParameter("offset"));
//每页行数
intshowCount=request.getParameter("limit")==null?10:Integer.parseInt(request.getParameter("limit"));/
if(currentPage!=0){//获取页数
currentPage=currentPage/showCount;
}
currentPage+=1;
JSONObjectjson=newJSONObject();
json.put("rows",bfrv);//这里的rows和total的key是固定的
json.put("total",total);
以上所述就是本文的全部内容了，希望小伙伴们能够喜欢。