EasyUi Datagrid implementiert die Tabelle paging_jquery

1. Stellen Sie zunächst die CSS- und JS-Dateien von easyui vor

2. Die Js, die an der Rezeption geschrieben werden müssen

Code kopieren Der Code lautet wie folgt:

//Quelldaten
Funktion Async(action,args,callback){
$.ajax({
 URL: Aktion,
Geben Sie Folgendes ein: „POST“,
​dataType:"json",
Zeitüberschreitung: 10000,
​Daten: args,
Erfolg: Funktion(Daten){
​​if(callback){
​ Rückruf(Daten);
}
}
});
}
//Daten binden und Paging festlegen
Funktion BingData(pid,args,action,callback){
Async(action,args,function(data){
if(data!=null&&data.list!=null){
var _dataCount=data.size;//Gesamtzahl der Elemente
var _data=data.list;//data
if(callback){
callback(_data);
}
$(pid).datagrid('loadData', _data);
$(pid).datagrid('getPager').pagination({
beforePageText: 'th',
afterPageText: 'Seite {Seiten}',
displayMsg: 'Derzeit werden {von} - {bis} Datensätze angezeigt, insgesamt {total} Datensätze',
pageSize: args.pageSize,
Gesamt: _dataCount,
Seitennummer: args.pageIndex,
pageList:args.pageList,
onSelectPage: Funktion (pageNumber, pageSize) {
args.pageIndex = pageNumber;
args.pageSize = pageSize;
BingData(pid, args, action,null);
},
onRefresh: Funktion (pageNumber, pageSize) {
args.pageIndex = pageNumber;
args.pageSize = pageSize;
BingData(pid, args, action,null);
}
});
}
});
}
//Serialisieren Sie das Formular in ein Objekt
$.fn.serializeObject = function(){
var obj = {};
$.each( this.serializeArray(), function(i,o){
var n = o.name, v = o.value;
obj[n] = obj[n] === undefiniert ? v
: $.isArray( obj[n] ) ? obj[n].concat( v )
: [ obj[n], v ];
});
return JSON.stringify(obj);
};
//Breite
Funktion fixWidth(percent){
return document.body.clientWidth * Prozent ;
}
//Bearbeitung beenden
Funktion endEdit(vid){
vid = "#" vid;
var tb=$(vid);
var rows = tb.datagrid('getRows');
for ( var i = 0; i < rows.length; i ) {
tb.datagrid('endEdit', i);
}
}
Funktion GetData(obj){
var url = contextPath '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';//action path
var args={};
args.pageIndex=1;//Seitenindex
args.pageSize=10;//Seitenkapazität
if(obj!=null){ //Serialisiertes Objekt bilden
args.obj=obj;
}
BingData("#tab",args,url,null);
}
Funktion getTab(){
GetData();
var tb=$('#tab');
tb.datagrid({
title: 'Ergebnisse der Batch-Abfrage zur Fondsrückgabe',
gestreift: wahr,
fitColumns: true, //Adaptive Spaltengröße
Zeilennummern: wahr,
nowrap: true, // Auf true setzen, wenn die Datenlänge die Spaltenbreite überschreitet, werden sie automatisch abgefangen
gestreift: wahr,
width:fixWidth(0.99),
Höhe:'430',
singleSelect:true,
LoadMsg: 'Daten werden geladen...',
Spalten:[[
{field:'interfaceInfoCode',title:'Capital Channel Code',width:fixWidth(0.3),align: "center"},
              {field:'retreatBatchCode',title:'Funds Return Batch Number',width:fixWidth(0.2),editor:'text',align: "center"},
                                                                                                                                                                          {field:'totalMoney',title:'total amount',width:fixWidth(0.1),align:'right',editor:'text',align: "center"},
{field:'def2',title:'Operation',width:fixWidth(0.3),editor:'text',align:'right',align: "center",
formatter:function(value,row,index){
　　var vcode =row.retreatBatchCode;
　　var e = 'Details';
　　var d = 'Audit bestanden | 　　var f = 'Audit-Ablehnung ';
　　return e d f;
　　}}
]],
onLoadSuccess:function(data){
​if (data.total == 0) {
}
},
Paginierung: wahr,
pageIndex:1,//Seitenindex
pageSize:10,//Seitenkapazität
Seitenliste: [10,15,20]
})
}

2 Backstage

Code kopieren Der Code lautet wie folgt:

int currentPage = request.getParameter("pageIndex") == null ? 1 : Integer.parseInt(request.getParameter("pageIndex"));
//Anzahl der Zeilen pro Seite
int showCount = request.getParameter("pageSize") == null ? 10 : Integer.parseInt(request.getParameter("pageSize"));
// Paginierungsentität
String obj = request.getParameter("obj");
if (StringUtils.notBlank(obj)) {
fundRetreatVoucher = JsonUtils.toObject(obj, FundRetreatVoucherParam.class); // Form eines serialisierten JSON-Objekts in eine Entität konvertieren
}
out = Response.getWriter();
List frvs = fundRetreatVoucherService.findAllFundRetreatVoucher(page, fundRetreatVoucher);
int total = fundRetreatVoucherService.findAllFundRetreatVoucher(getTotal(), fundRetreatVoucher).size();//Datengröße
JSONObject json = new JSONObject();
json.put("list", frvs);//Data, der hier eingegebene Schlüssel muss list sein. Wenn er geändert wird, müssen Sie die Daten in BingData ändern
json.put("size", total);
out.print(json);