DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> bootstrap table 服務器端分頁例子分享
bootstrap table 服務器端分頁例子分享
編輯:關於JavaScript     

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

以上所述就是本文的全部內容了,希望小伙伴們能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved