1. ก่อนแนะนำไฟล์ CSS และ JS ของ Easyi
2. JS ที่ต้องเขียนในแผนกต้อนรับส่วนหน้า
การคัดลอกรหัสมีดังนี้:
// แหล่งข้อมูล
ฟังก์ชั่น async (การกระทำ, args, callback) {
$ .ajax ({
URL: การกระทำ
ประเภท: "โพสต์",
ข้อมูล: "JSON",
หมดเวลา: 10,000
ข้อมูล: args,
ความสำเร็จ: ฟังก์ชั่น (ข้อมูล) {
ถ้า (โทรกลับ) {
การโทรกลับ (ข้อมูล);
-
-
-
-
// ผูกข้อมูลและตั้งค่าการเพจ
ฟังก์ชั่น bingdata (pid, args, การดำเนินการโทรกลับ) {
async (action, args, function (data) {
if (data! = null && data.list! = null) {
var _datacount = data.size; // จำนวนรายการทั้งหมด
var _data = data.list; // data
ถ้า (โทรกลับ) {
การโทรกลับ (_data);
-
$ (PID) .datagrid ('loaddata', _data);
$ (PID) .DatAgrid ('getPager'). pagination ({
beforepagetext: 'สิ่ง',
afterpagetext: 'หน้าทั้งหมด {หน้า} หน้า',
displaymsg: 'ปัจจุบันแสดง {จาก} - {ถึง} บันทึกทั้งหมด {Total} Records'
Pagesize: args.pagesize,
รวม: _datacount,
Pagenumber: args.pageindex,
Pagelist: Args.pagelist,
onSelectPage: ฟังก์ชั่น (pagenumber, pagesize) {
args.pageindex = pagenumber;
args.pagesize = pageSize;
Bingdata (PID, Args, Action, Null);
-
OnRefresh: ฟังก์ชั่น (pagenumber, pagesize) {
args.pageindex = pagenumber;
args.pagesize = pageSize;
Bingdata (PID, Args, Action, Null);
-
-
-
-
-
// ทำให้แบบฟอร์มเป็นวัตถุ
$ .fn.serializeObject = function () {
var obj = {};
$ .Each (this.serializeArray (), ฟังก์ชั่น (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 * เปอร์เซ็นต์;
-
// สิ้นสุดแก้ไข
ฟังก์ชั่นสิ้นสุด (vid) {
vid = "#"+vid;
var tb = $ (vid);
var rows = tb.datagrid ('getrows');
สำหรับ (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 ({
Title: 'Return Batch Batch Query ผลลัพธ์'
ลาย: จริง
Fitcolumns: จริง, // ขนาดคอลัมน์ Adaptive
Rownumbers: จริง
NowRap: จริง // ตั้งค่าเป็นจริงมันจะสกัดกั้นโดยอัตโนมัติเมื่อความยาวของข้อมูลเกินความกว้างของคอลัมน์
ลาย: จริง
ความกว้าง: Fixwidth (0.99)
ความสูง: '430',
Singleselect: จริง
loadmsg: 'การโหลดข้อมูล ... '
คอลัมน์: [[
{ฟิลด์: 'InterfaceInFocode', ชื่อเรื่อง: 'การเข้ารหัสช่องทางกองทุน', ความกว้าง: FixWidth (0.3), จัดตำแหน่ง: "center"},
{ฟิลด์: 'retreatbatchCode', ชื่อเรื่อง: 'กองทุนส่งคืนหมายเลขแบทช์', ความกว้าง: FIXWIDTH (0.2), Editor: 'Text', Align: "Center"},
{ฟิลด์: 'ทั้งหมด', ชื่อเรื่อง: 'จำนวนทั้งหมดของ strokes', ความกว้าง: fixwidth (0.1), จัดตำแหน่ง: 'ขวา', editor: 'text', Align: "center"},
{ฟิลด์: 'TotalMoney', ชื่อ: 'จำนวนเงินรวม', ความกว้าง: FixWidth (0.1), จัดตำแหน่ง: 'ถูกต้อง', บรรณาธิการ: 'ข้อความ', จัดตำแหน่ง: "center"},
{ฟิลด์: 'def2', ชื่อเรื่อง: 'การดำเนินการ', ความกว้าง: fixwidth (0.3), editor: 'text', Align: 'Right', Align: "Center",
Formatter: 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, // PAGE INDEX
PAGESIZE: 10, // ความจุของหน้า
Pagelist: [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"));
// entity pagination
String obj = request.getParameter ("OBJ");
if (stringutils.notblank (obj)) {
funDretreatVoucher = jsonutils.toObject (obj, fundretreatvoucherparam.class); // รูปแบบการทำให้เป็นอนุกรมวัตถุ JSON ถูกแปลงเป็นเอนทิตี
-
out = response.getWriter ();
รายการ <funDretreatVoucher> frvs = funDretreatVoucherservice.findallFundRetreatVoucher (หน้า, funDretreatVoucher);
int total = funDretreatVoucherservice.findallFundRetreatVoucher (getTotal (), funDretreatVoucher) .size (); // ขนาดของข้อมูล
jsonObject json = new JsonObject ();
json.put ("รายการ", frvs); // data, คีย์ใส่ที่นี่ต้องเป็นรายการ หากมีการเปลี่ยนแปลงคุณจะต้องเปลี่ยนข้อมูลใน Bingdata
json.put ("ขนาด" รวม);
out.print (JSON);