1. Pertama -tama perkenalkan file CSS dan JS Easyi
2. JS yang perlu ditulis di meja depan
Salinan kode adalah sebagai berikut:
// data sumber
fungsi async (action, args, callback) {
$ .Ajax ({
URL: Tindakan,
Ketik: "Posting",
DataType: "JSON",
Timeout: 10000,
Data: Args,
Sukses: function (data) {
if (callback) {
panggilan balik (data);
}
}
});
}
// Bind data dan atur paging
Fungsi BingData (PID, Args, Tindakan, Callback) {
Async (action, args, function (data) {
if (data! = null && data.list! = null) {
var _datacount = data.size; // Jumlah total entri
var _data = data.list; // data
if (callback) {
callback (_data);
}
$ (pid) .datagrid ('loadData', _data);
$ (pid) .datagrid ('getPager'). pagination ({
beforepagetext: 'hal',
afterpagetext: 'halaman secara total {halaman} halaman',
DisplayMsg: 'saat ini ditampilkan {from} - {to} catatan secara total {total} catatan',
Halaman: args.pagesize,
Total: _datacount,
Pagenumber: args.pageIndex,
Pagelist: Args.Pagelist,
OnSelectPage: Function (Pagenumber, PageSize) {
args.pageIndex = pagenumber;
args.pagesize = halaman;
Bingdata (PID, ARGS, ACTION, NULL);
},
Onrefresh: Function (Pagenumber, PageSize) {
args.pageIndex = pagenumber;
args.pagesize = halaman;
Bingdata (PID, ARGS, ACTION, NULL);
}
});
}
});
}
// Serial Formulir ke dalam suatu objek
$ .fn.serializeObject = function () {
var obj = {};
$ .each (this.serializeArray (), function (i, o) {
var n = o.name, v = o.value;
obj [n] = obj [n] === Tidak ditentukan? v
: $ .isarray (obj [n])? obj [n] .concat (v)
: [obj [n], v];
});
return json.stringify (obj);
};
//lebar
Function fixWidth (persen) {
return document.body.clientwidth * persen;
}
// edit edit
fungsi endedit (vid) {
vid = "#"+vid;
var tb = $ (vid);
var baris = tb.datagrid ('getrows');
untuk (var i = 0; i <rows.length; i ++) {
tb.datagrid ('endedit', i);
}
}
fungsi getData (obj) {
var url = ContextPath+'/FundRreTreatVoucher/FundBatchReatVoucherQuery.htm'; // Path Action
var args = {};
args.pageIndex = 1; // indeks halaman
args.pagesize = 10; // kapasitas halaman
if (obj! = null) {// objek serialisasi bentuk
args.obj = obj;
}
Bingdata ("#tab", args, url, null);
}
fungsi getTab () {
GetData ();
var tb = $ ('#tab');
tb.datagrid ({
Judul: 'Hasil kueri Batch Pengembalian Dana',
Striped: Benar,
FitColumns: Benar, // Ukuran Kolom Adaptif
Rownumbers: Benar,
NowRap: true, // diatur ke true, itu akan secara otomatis mencegat ketika panjang data melebihi lebar kolom.
Striped: Benar,
Lebar: fixwidth (0,99),
Tinggi: '430',
Singleselect: Benar,
LoadMSG: 'Loading Data ...',
Kolom: [[
{Field: 'InterfaceInfocode', Judul: 'Fund Channel Encode', Lebar: FixWidth (0.3), Align: "Center"},
{Field: 'RetreatBatchCode', Judul: 'Dana Pengembalian Nomor Batch', Lebar: FixWidth (0.2), Editor: 'Teks', Align: "Center"},
{Field: 'Total', Judul: 'Jumlah Total Stroke', Lebar: FixWidth (0.1), Align: 'Right', Editor: 'Teks', Align: "Center"},
{Field: 'TotalMoney', judul: 'Jumlah Total', Lebar: FixWidth (0.1), Align: 'Right', Editor: 'Teks', Align: "Center"},
{field: 'def2', judul: 'operasi', lebar: fixwidth (0.3), editor: 'teks', align: 'kanan', align: "center",
formatter: function (nilai, baris, indeks) {
var vcode = row.retreatBatchCode;
var e = '<a href = "#" onclick = "todetail ('+index+')"> detail </a> | ';
var d = '<a href = "#" onclick = "auditbatch ('+index+', 0)"> auditbatch </a> | ';
var f = '<a href = "#" onclick = "auditbatch ('+index+', 1)"> Audit penolakan </a>';
return e+d+f;
}}
]],
onloadSuccess: function (data) {
if (data.total == 0) {
}
},
Pagination: Benar,
PageIndex: 1, // indeks halaman
Halamanze: 10, // Kapasitas halaman
Pagelist: [10,15,20]
})
}
2 di belakang panggung
Salinan kode adalah sebagai berikut:
int currentpage = request.getParameter ("pageIndex") == null? 1: integer.parseint (request.getParameter ("pageIndex"));
// Jumlah baris per halaman
int showcount = request.getParameter ("pageSize") == null? 10: integer.parseint (request.getParameter ("halaman"));
// entitas pagination
String obj = request.getParameter ("obj");
if (stringutils.notblank (obj)) {
FundRreTreatVoucher = jsonutils.toObject (OBJ, FundRreTreatVoucherParam.class); // Bentuk serialisasi objek JSON dikonversi menjadi entitas
}
out = response.getWriter ();
Daftar <FundRreTeatVoucher> fRVS = FundRreTreAtVoucherService.findallFundReTreatVoucher (halaman, FundRreTreatVoucher);
int total = fundreTreatVoucherService.findallfundretreatvoucher (getTotal (), fundreTreatVoucher) .size (); // ukuran data
JsonObject json = new jsonobject ();
json.put ("Daftar", FRVS); // Data, tombol put di sini harus daftar. Jika diubah, Anda perlu mengubah data di Bingdata.
json.put ("ukuran", total);
out.print (json);