bootstrap table 服务器端分页例子分享

bootstrap table 服务器端分页例子分享

1，前台引入所需的js 可以从官网上下载

复制代码 代码如下:

function getTab(){

var url = contextPath+'/fundRetreatVoucher/fundBatchRetreatVouckrispzhherQuery.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"http://, total);

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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。