Explication détaillée du plug-in de pagination jQuery Pagination-js tutoriel-php.cn

Explication détaillée du plug-in de pagination jQuery Pagination

小云云

Libérer： 2018-01-01 10:29:05

original

2180 Les gens l'ont consulté

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

Paramètre de chaîne, facultatif, la valeur par défaut est "Précédente"Paramètre de chaîne, facultatif, la valeur par défaut est "Suivant "

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
});

Copier après la connexion

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!