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