1.最初にEasyiのCSSおよびJSファイルを導入します
2。フロントデスクに書く必要があるJS
コードコピーは次のとおりです。
//ソースデータ
function async（action、args、callback）{
$ .ajax（{
URL：アクション、
タイプ：「投稿」、
データ型：「JSON」、
タイムアウト：10000、
データ：args、
成功：function（data）{
if（callback）{
callback（data）;
}
}
}）;
}
//データをバインドし、ページングを設定します
関数bingdata（pid、args、action、callback）{
async（action、args、function（data）{
if（data！= null && data.list！= null）{
var _datacount = data.size; //エントリの総数
var _data = data.list; // data
if（callback）{
callback（_data）;
}
$（pid）.datagrid（ 'loaddata'、_data）;
$（pid）.datagrid（ 'getpager'）。ページネーション（{
beforepageText：「物」、
apterPageText： 'Pages in Total {Pages} Pages'、
displaymsg： '現在表示されています{from} - {to}レコード{合計}レコード'、
ページサイズ：args.pagesize、
合計：_DataCount、
PageNumber：Args.PageIndex、
ページリスト：Args.PageList、
onselectPage：function（pagenumber、pageize）{
args.pageIndex = pageNumber;
args.pagesize = pagesize;
bingdata（pid、args、action、null）;
}、
onrefresh：function（pagenumber、pageize）{
args.pageIndex = pageNumber;
args.pagesize = pagesize;
bingdata（pid、args、action、null）;
}
}）;
}
}）;
}
//フォームをオブジェクトにシリアル化します
$ .fn.serializeObject = function（）{
var obj = {};
$ .each（this.serializearray（）、function（i、o）{
var n = o.name、v = o.value;
obj [n] = obj [n] ===未定？ v
：$ .isarray（obj [n]）？ obj [n] .concat（v）
：[obj [n]、v];
}）;
return json.stringify（obj）;
};
//幅
関数fixwidth（パーセント）{
document.body.clientwidth *パーセントを返します。
}
//編集を終了します
function endedit（vid）{
vid = "＃"+vid;
var tb = $（vid）;
var rows = tb.datagrid（ 'getRows'）;
for（var i = 0; i <rows.length; i ++）{
tb.datagrid（ 'endedit'、i）;
}
}
関数getData（obj）{
var url = contextpath+'/fundretreatvoucher/fundbatchretreatvoucherquery.htm'; //アクションパス
var args = {};
args.pageIndex = 1; //ページインデックス
args.pagesize = 10; //ページ容量
if（obj！= null）{//フォームシリアル化のオブジェクト
args.obj = obj;
}
bingdata（ "＃tab"、args、url、null）;
}
関数getTab（）{
getData（）;
var tb = $（ '＃tab'）;
tb.datagrid（{
タイトル：「ファンドリターンバッチクエリ結果」、
ストライプ：本当、
FitColumns：true、//適応列サイズ
Rownumbers：本当、
nowrap：true、// trueに設定すると、データの長さが列の幅を超えると自動的に傍受されます。
ストライプ：本当、
幅：FixWidth（0.99）、
高さ： '430'、
SingleSelect：本当、
loadmsg： 'データ読み込み...'
列：[[[
{field： 'interfaceinfocode'、title： 'fundチャネルエンコード'、width：fixwidth（0.3）、align： "center"}、
{field： 'retreatbatchcode'、title： 'fund return batch number'、width：fixwidth（0.2）、editor： 'text'、align： "center"}、
{field： 'total'、title：「ストロークの総数」、幅：fixwidth（0.1）、align： 'right'、editor： 'text'、align： "center"}、
{field： 'totalMoney'、title： 'total on' total on '、width：fixwidth（0.1）、align：' right '、editor：' text '、align： "center"}、
{field： 'def2'、title： 'operation'、width：fixwidth（0.3）、editor： 'text'、align： 'right'、align： "center"、
フォーマッタ：function（value、row、index）{
var vcode = row.retreatbatchcode;
var e = '<a href = "＃" onclick = "todetail（'+index+'）">詳細</a> | ';
var d = '<a href = "＃" onclick = "auditbatch（'+index+'、0）"> auditbatch </a> | ';
var f = '<a href = "＃" onclick = "auditbatch（'+index+'、1）">監査拒否</a>';
e+d+fを返します。
}}
]、、
onloadsuccess：function（data）{
if（data.total == 0）{
}
}、
ページネーション：本当、
PageIndex：1、//ページインデックス
ページサイズ：10、//ページ容量
ページリスト：[10,15,20]
}）
}
2舞台裏
コードコピーは次のとおりです。
int currentPage = request.getParameter（ "pageindex"）== null？ 1：integer.parseint（request.getParameter（ "pageindex"））;
//ページあたりの行数
int showcount = request.getParameter（ "pagesize"）== null？ 10：integer.parseint（request.getParameter（ "Pagesize"））;
//ページネーションエンティティ
文字列obj = request.getParameter（ "obj"）;
if（stringutils.notblank（obj））{
fundretreatvoucher = jsonutils.toobject（obj、fundretreatvoucherparam.class）; //フォームシリアル化JSONオブジェクトはエンティティに変換されます
}
out = response.getWriter（）;
リスト<Fundretreatvoucher> frvs = fundretreatvoucherservice.findallfundretreatvoucher（page、fundretreatvoucher）;
int total = fundretreatvoucherservice.findallfundretreatvoucher（gettotal（）、fundretreatvoucher）.size（）; //データサイズ
jsonobject json = new jsonobject（）;
json.put（ "list"、frvs）; //データ、ここのプットキーはリストでなければなりません。変更された場合は、bingdataのデータを変更する必要があります。
json.put（ "size"、合計）;
out.print（json）;