jQuery_jquery の jqGrid ページング実装コード

/**
* @see HttpServlet#doGet(HttpServletRequest リクエスト、HttpServletResponse
* レスポンス)
*/
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
// TODO 自動生成メソッド スタブ
}

/**
* @see HttpServlet#doPost(HttpServletRequest リクエスト、HttpServletResponse
* レスポンス)
*/
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String page = request.getParameter("page"); // 現在のページ数を取得します。これは jqgrid 自体のパラメータであることに注意してください。
String rows = request.getParameter("rows"); // 行数を取得します。各ページに表示されます。これは jqgrid 自体のパラメータであることに注意してください。
int totalRecord = 80; //レコードの総数 (データベースから取得する必要があります。ここでは単なるシミュレーションです)
int totalPage = totalRecord % Integer.parseInt(rows) == 0 ? totalRecord
/ Integer.parseInt(rows) : totalRecord / Integer.parseInt(rows)
1 // 合計ページ数を計算します
try {
int index = (Integer.parseInt(page) - 1) * Integer.parseInt(rows); // レコード数を開始します
int pageSize = Integer.parseInt(rows); // 以下のシミュレーションJSON データ オブジェクトを構築します
String json = "{total: " totalPage ", page: " page
", records: " totalRecord ", rows: ["; < pageSize インデックス && i < totalRecord; i ) {
json = "{cell:['ID " i "','NAME " i "','PHONE " i
"']};
if (i != pageSizeindex - 1 && i != totalRecord - 1) {
json = ","
}
}
json = "]}"; >response.getWriter().write(json); // JSON データをページに返します
} catch (Exception ex) {
}
}
}



ディレクトリ構造:




表示される効果: