bootstrap tableサーバ端の改ページ例を共有する.

2780 ワード

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を取得するには、いくつかのサイトでは、パラメータを取得するためのフォーマットがあります.
 
  
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);
以上述べましたが、この文章の内容は全部です.子供たちが好きになってほしいです.