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);

以上所述就是本文的全部内容了,希望小友人们能够欣赏。

您或然感兴趣的篇章:

  • JS表格组件神器bootstrap table详解(基础版)
  • Bootstrap Table使用方式详解
  • JS组件Bootstrap Table使用办法详解
  • BootStrap table表格插件自适应固定表头(超好用)
  • Bootstrap Table的行使计算
  • BootStrap 可编写制定表Table格
  • 第二回动手达成bootstrap table分页效果
  • Bootstrap嵌入jqGrid,使您的table牛逼起来
  • Bootstrap table分页难点集聚
  • Bootstrap table使用方法汇总

本文由金沙澳门官网-www.js333com-金沙js333com发布于金沙澳门官网计算机,转载请注明出处:bootstrap table 服务器端分页例子分享

您可能还会对下面的文章感兴趣: