Maison >interface Web >js tutoriel >Explication détaillée du plug-in de pagination jQuery Pagination
Ce plug-in jQuery est un plug-in de pagination Ajax, qui est chargé une seule fois, il n'y a donc pas d'actualisation ni de délai lors du basculement entre la pagination. Cette méthode n'est pas recommandée si la quantité de données est importante, car le chargement le fera. être plus lent. Cet article partagera avec vous l'utilisation et l'introduction des paramètres du plug-in de pagination jQuery Pagination. Les amis intéressés devraient y jeter un œil ensemble
Introduction au plug-in
Ce plug-in jQuery-. in est un plug-in de pagination Ajax, à chargement unique, il n'y a donc pas d'actualisation ni de délai lors du basculement entre les pages. Cette méthode n'est pas recommandée si la quantité de données est importante, car le chargement sera plus lent.
Le CSS du plug-in d'origine n'est pas très raisonnable et utilise des flotteurs, il ne peut donc pas être facilement positionné dans les directions gauche et droite, et les flotteurs ne sont pas effacés. Dans la version chinoise modifiée, je l'ai optimisé. pour prendre en charge la position d'alignement du texte.
Comment utiliser
Tout comme le plug-in jQuery général, ce plug-in est également très simple et pratique à utiliser. La méthode est la pagination, par exemple $("#page").pagination(100);
Paramètre
Nom du paramètre |
Description |
Valeur du paramètre |
|
maxentries |
Nombre total d'articles |
Paramètre obligatoire, entier |
|
items_per_page | Nombre d'entrées affichées sur chaque page |
Paramètre facultatif, la valeur par défaut est 10 |
|
num_display_entries |
Le nombre d'entrées de pagination affichées dans la partie principale de la pagination continue |
Paramètre facultatif, la valeur par défaut est 10 |
|
page_actuelle |
La page actuellement sélectionnée |
Paramètre facultatif, la valeur par défaut est 0, ce qui signifie page 1 |
|
num_edge_entries |
Le nombre d'entrées dans la première et la dernière page affichées des deux côtés |
Paramètre facultatif, la valeur par défaut est 0 |
|
link_to |
Lien de page |
Chaîne, paramètre facultatif , la valeur par défaut est le texte affiché sur le bouton de pagination "Page précédente" |
|
next_text |
Le texte affiché sur le bouton de pagination "Page suivante" |
||
ellipse_text |
Quel texte est utilisé pour représenter le nombre de pages omises |
Paramètre de chaîne facultatif, la valeur par défaut est "..." |
|
prev_show_always |
S'il faut afficher le bouton de pagination "page précédente" |
Booléen, paramètre facultatif, la valeur par défaut est vraie, c'est-à-dire que le bouton "page précédente" est affiché | |
next_show_always |
S'il faut afficher le bouton de pagination "page suivante" |
Booléen, facultatif Paramètre, la valeur par défaut est vraie, c'est-à-dire que le bouton "page suivante" est affiché |
|
rappel |
rappel function |
Aucun effet d'exécution par défaut |
Exemple
Par exemple, le code suivant :
$("#Pagination").pagination(56, { num_edge_entries: 2, num_display_entries: 4, callback: pageselectCallback, items_per_page:1 });
La signification de ce code est la suivante : il y a un total de 56 (maxentries) éléments de liste, 2 (num_edge_entries) sont affichés des deux côtés de la première et de la dernière page, 4 (num_display_entries) sont affichés sur le corps principal de la page continue, et la fonction de rappel est pageselectCallback (callback) , les éléments de liste affichés sur chaque page sont 1 (items_per_page).
Recommandations associées :
Document chinois de l'API jQuery EasyUI - Pagination_jquery
Tutoriel jQuery EasyUI - Pagination (pagination)
Modèle de pagination MySQL (Pagination.php)_MySQL
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!