1. Présentez d'abord les fichiers CSS et JS d'acide
2. Le js qui doit être écrit dans la réception
La copie de code est la suivante:
// Données source
fonction async (action, args, rappel) {
$ .ajax ({
URL: Action,
Type: "Post",
Type de données: "JSON",
Timeout: 10000,
Données: Args,
Succès: fonction (données) {
if (rappel) {
rappel (données);
}
}
});
}
// lier les données et définir la pagination
fonction bingdata (pid, args, action, rappel) {
Async (action, args, fonction (data) {
if (data! = null && data.list! = null) {
var _datacount = data.size; // nombre total d'entrées
var _data = data.list; // données
if (rappel) {
rappel (_data);
}
$ (pid) .datagrid ('loaddata', _data);
$ (pid) .datagrid ('getPager'). Pagination ({
avantpageText: «choses»,
AfterPageText: 'Pages dans Total {pages} pages',
DisplayMsg: 'Actuellement affiché {from} - {to} enregistre dans Total {Total} Records',
pagesize: args.pagesize,
Total: _datacount,
PageNumber: args.pageIndex,
Pagelist: args.pagelist,
onSelectPage: fonction (pageNumber, pagesize) {
Args.PageIndex = PageNumber;
args.pagesize = pagesize;
Bingdata (pid, args, action, null);
},
onRefresh: fonction (pageNumber, pagesize) {
Args.PageIndex = PageNumber;
args.pagesize = pagesize;
Bingdata (pid, args, action, null);
}
});
}
});
}
// sérialiser la forme dans un objet
$ .fn.serializeObject = function () {
var obj = {};
$ .each (this.serializearray (), fonction (i, o) {
var n = o.name, v = o.value;
obj [n] = obj [n] === Undefined? V
: $ .isArray (obj [n])? obj [n] .concat (v)
: [obj [n], v];
});
return json.stringify (obj);
};
//largeur
fonction FixWidth (pour cent) {
retour document.body.clientwidth * pour cent;
}
// terminer l'édition
fonction endodit (vid) {
vid = "#" + vid;
var tb = $ (vid);
var rows = tb.datagrid ('getrows');
for (var i = 0; i <rows.length; i ++) {
tb.datagrid ('endEdit', i);
}
}
fonction getData (obj) {
var url = contextpath + '/ fundretreatvoucher / fundbatchrereatvoucherquery.htm'; // chemin d'action
var args = {};
Args.PageIndex = 1; // Index de page
args.pagesize = 10; // la capacité de la page
if (obj! = null) {// L'objet de la sérialisation du formulaire
args.obj = obj;
}
Bingdata ("# onglet", args, url, null);
}
fonction gettab () {
GetData ();
var tb = $ ('# onglet');
tb.datagrid ({
Titre: «Résultats de la requête par lots de retour de fonds»,
rayé: vrai,
fitColumns: vrai, // taille de colonne adaptative
RownUmbers: Vrai,
Nowrap: true, // défini sur true, il interceptera automatiquement lorsque la longueur des données dépasse la largeur de la colonne.
rayé: vrai,
Largeur: FixWidth (0,99),
hauteur: «430»,
Singleleselect: vrai,
Loadmsg: «Chargement des données ...»,
colonnes: [[
{Field: 'InterfaceInfocode', Titre: 'Fund Channel Encoding', Largeur: FixWidth (0.3), Align: "Center"},
?
{Field: 'Total', Titre: 'Nombre total de traits', Largeur: FixWidth (0.1), Align: 'Right', éditeur: 'Text', Align: "Center"},
{Field: 'TotalMoney', Titre: 'Total Montant', Width: FixWidth (0.1), Align: 'Right', éditeur: 'Text', Align: "Center"},
{Field: 'Def2', Titre: 'Operation', Width: FixWidth (0.3), éditeur: 'Text', Align: 'Right', Align: "Center",
format: fonction (valeur, ligne, index) {
var vCode = Row.RereatBatchCode;
var e = '<a href = "#" onclick = "todetail (' + index + ')"> Détails </a> | ';;
var d = '<a href = "#" onclick = "AuditBatch (' + index + ', 0)"> AuditBatch </a> | ';;
var f = '<a href = "#" onclick = "AuditBatch (' + index + ', 1)"> Rejet d'audit </a>';
retourner e + d + f;
}}
]],
onloadsuccess: fonction (data) {
if (data.total == 0) {
}
},
Pagination: vrai,
PageIndex: 1, // Index de page
PageSize: 10, // Capacité de page
Paglist: [10,15,20]
})
}
2 dans les coulisses
La copie de code est la suivante:
int currentPage = request.getParameter ("pageIndex") == null? 1: Integer.ParseInt (request.getParameter ("PageIndex"));
// Nombre de lignes par page
int showCount = request.getParameter ("pagesize") == null? 10: Integer.ParseInt (request.getParameter ("PageSize"));
// entité de pagination
String obj = request.getParameter ("obj");
if (stringUtils.notblank (obj)) {
collecte de fonds = jsonutils.toobject (obj, collecte de fondsvoucherAram.class); // Forme de sérialisation L'objet JSON est converti en entité
}
out = réponse.getWriter ();
Liste <FundertReTeratVoucher> FRVS = FunderTreatVoucherservice.FindalLFunDretreatVoucher (page, collecte de fonds);
int total = collecte de fonds pourvolerservice.FindalLFundretReatVoucher (getTotal (), collecte de fonds) .size (); // Taille de données
JsonObject JSON = new JSONObject ();
json.put ("list", frvs); // data, la clé de put ici doit être la liste. S'il est modifié, vous devez modifier les données dans Bingdata.
json.put ("taille", total);
Out.print (JSON);