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);
以上所述就是本文的全部内容了,希望小伙伴们能够喜欢。