Maison >interface Web >js tutoriel >Explication détaillée du plug-in de pagination jQuery Pagination

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

小云云
小云云original
2018-01-01 10:29:052227parcourir

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

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!

Déclaration:
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