Maison > interface Web > js tutoriel > Exemple de pagination côté serveur de table Bootstrap Sharing_jquery

Exemple de pagination côté serveur de table Bootstrap Sharing_jquery

WBOY
Libérer: 2016-05-16 16:14:52
original
1607 Les gens l'ont consulté

1. Les js requis pour l'introduction du front-end peuvent être téléchargés sur le site officiel

Copier le code Le code est le suivant :

fonction getTab(){
var url = contextPath '/fundRetreatVoucher/fundBatchRetreatVoucherQuery.htm';
$('#tab').bootstrapTable({
method : 'get', //Il doit être défini pour arriver ici. Je ne sais pas pourquoi je ne peux pas l'obtenir après avoir défini la publication
. URL : URL,
cache : faux,
hauteur : 400,
rayé : vrai,
pagination : vrai,
Liste des pages : [10,20],
// contentType : "application/x-www-form-urlencoded",
Taille de la page : 10,
numéro de page : 1,
recherche : vrai,
sidePagination:'server',//Définir la pagination côté serveur
queryParams : queryParams,//parameters
showColumns : vrai,
showRefresh : vrai,
minimumCountColumns : 2,
clickToSelect : vrai,
smartDisplay : vrai,
colonnes : [
{
champ : 'interfaceInfoCode',
titre : 'Code du canal de fonds',
aligner : 'centre',
largeur : '180',
valign : 'bas',
triable : vrai
}, {
champ : 'retreatBatchCode',
titre : 'Numéro de lot de retour de fonds',
aligner : 'centre',
largeur : '200',
valign : 'milieu',
triable : vrai
}, {
champ : 'total',
titre : 'Nombre total de transactions',
aligner : 'centre',
largeur : '10',
valign : 'top',
triable : vrai
}, {
champ : 'totalMoney',
titre : 'Montant total',
aligner : 'centre',
largeur : '100',
valign : 'milieu',
clickToSelect : faux
}, {
titre : 'Opération',
champ : 'état',
aligner : 'centre',
largeur : '200',
valign : 'milieu',
}]
});
>
//Définissez les paramètres entrants
fonction queryParams(params) {
Paramètres de retour
>
$(fonction(){
getTab();
})

2 coulisses

Obtenir le décalage de limite. Sur certains sites Web, vous devez formater les paramètres entrants pour obtenir pageSize, pageIndex Quoi qu'il en soit, je n'ai pas réussi si vous le savez, vous pouvez le partager avec moi

.

Copier le code Le code est le suivant :

int currentPage = request.getParameter("offset") == null 1 : Integer.parseInt(request.getParameter("offset"));
//Nombre de lignes par page
int showCount = request.getParameter("limit") == null 10 : Integer.parseInt(request.getParameter("limit"));/
if (currentPage != 0) {// Récupère le nombre de pages
currentPage = currentPage / showCount;
>
Page actuelle = 1;
JSONObject json = new JSONObject();
json.put("rows", bfrv); //Les clés des lignes et du total ici sont fixes
json.put("total", total);

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il vous plaira.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal