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,//参数

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',

}]

});

}

//设置传入参数

function queryParams(params) {

  return params

}

$(function(){

getTab();

})

2 后台

获取limit offset ，有些网站上 要格式化传入参数 获取pageSize,pageIndex 反正我是没有成功，如果知道 可以分享给我

int currentPage = request.getParameter("offset") == null ? 1 : Integer.parseInt(request.getParameter("offset"));

  // 每页行数

  int showCount = request.getParameter("limit") == null ? 10 : Integer.parseInt(request.getParameter("limit"));/

  if (currentPage != 0) {// 获取页数

   currentPage = currentPage / showCount;

  }

  currentPage += 1;

  JSONObject json = new JSONObject();

  json.put("rows", bfrv); //这里的 rows 和total 的key 是固定的 

  json.put("total", total);

以上所述就是本文的全部内容了，希望小伙伴们能够喜欢。