ブートストラップ テーブルのサーバー側ページングの例 Sharing_jquery

1. フロントエンド導入に必要なjsは公式サイトからダウンロードできます

コードをコピーします コードは次のとおりです:

関数 getTab(){
var url = contextPath '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method: 'get', //ここに到達するには設定する必要があります。post
を設定しても取得できない理由がわかりません。 URL: URL、
キャッシュ: false、
高さ: 400、
ストライプ: true、
ページネーション: true、
ページリスト: [10,20]、
// contentType: "application/x-www-form-urlencoded",
ページサイズ:10、
ページ番号:1、
検索: true、
SidePagination:'server',//サーバー側のページングに設定します
queryParams: queryParams,//パラメータ
showColumns: true、
showRefresh: true、
minimumCountColumns: 2、
clickToSelect: true、
スマートディスプレイ:true、
列: [
{
フィールド: 'interfaceInfoCode',
タイトル: 'ファンドチャンネルコード',
整列: '中央',
幅: '180'、
valign: '下'、
並べ替え可能: true
}、{
フィールド: 'retreatBatchCode',
タイトル: '資金返却バッチ番号',
整列: '中央',
幅: '200'、
valign: '中間'、
並べ替え可能: true
}、{
フィールド: '合計'、
タイトル: 'トランザクションの総数',
整列: '中央',
幅: '10'、
valign: 'トップ'、
並べ替え可能: true
}、{
フィールド: 'totalMoney',
タイトル: '合計金額'、
整列: '中央',
幅: '100'、
valign: '中間'、
clickToSelect: false
}、{
タイトル: '作戦'、
フィールド: '状態'、
整列: '中央',
幅: '200'、
valign: '中間'、
}]
});
}
// 受信パラメータを設定します
関数 queryParams(params) {
パラメータを返す
}
$(関数(){
getTab();
})

2 バックステージ

制限オフセットを取得します。一部の Web サイトでは、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); //ここでの行と合計のキーは固定です
json.put("合計", 合計);

以上がこの記事の全内容です。気に入っていただければ幸いです。