Backbone.Paginateur Il s'agit d'un ensemble d'outils, de méthodes et de formulaires qui nous permettent de paginer les résultats des requêtes que nous devons effectuer sur les services de données de nos applications et qui peuvent renvoyer plus de résultats que ce que nous souhaitons que l'utilisateur voit en premier lieu.
En pagayant les données, nous pouvons faciliter la navigation et également augmenter la vitesse de notre application, car ce n'est pas la même chose pour nos besoins de charger 5000 enregistrements dans le navigateur client que de charger les mêmes 5000 de 100 en 100 et ces 100 les divisent en transformer en 10 pages d'enregistrement, cela rend beaucoup d'informations plus gérables.
1. Types de pagination
Afin d'établir comment nous allons travailler avec Backbone.Paginateur, il faut d'abord connaître le types de pagination auxquels nous pouvons faire face, de cette manière nous pouvons établir comment nous devons agir lorsque nous développons notre solution :
Demande à un service de donnéesCe type de pagination nous permet de consulter uniquement la quantité de données que chaque page accepte d'un service web, par exemple un API, le problème survient lorsque nous incorporons plus de paramètres tels que l'ordre, la persistance de la requête, etc. Cependant, c'est un bon moyen de décharger la puissance de traitement sur le serveur qui nous sert les données.
Pagination supplémentaire côté clientDans ce style de pagination, ce que nous faisons, c'est que nous apportons un ensemble de données supérieur à celui demandé par chaque page, de cette façon, côté client, nous pouvons paginer avec des blocs plus petits et nous obtenons plus de vitesse puisque nous avons les autres données dans notre pouvoir.
Pagination infinieCe type de pagination nous permet de charger les résultats lorsque l'utilisateur avance, après une certaine limite nous mettons un bouton pour en voir plus, de cette façon on ne se sent pas limité par le nombre de pages, ce style de pagination se voit beaucoup dans le réseaux sociaux comme Facebook.
2. Que nous offre Backbone.Paginator ?
Il nous offre une série d'outils qui nous permet de réaliser n'importe lequel des 3 styles de pagination décrits ci-dessus, il nous offre également une aide pour placer visuellement les éléments comme on le voit dans l'image suivante :
AGRANDIR
3. Initialisation
Backbone.Paginator doit être appliqué à une collection de données, cela nous offre également deux méthodes pour couvrir les différents types de pagination.
Backbone.Paginator.requestPagerNous utilisons cette méthode pour couvrir les requêtes que nous pouvons effectuer sur un service de données tel qu'une API.
Backbone.Paginator.clientPagerNous utilisons cette méthode lorsque nous voulons faire de la pagination supplémentaire dans le client, par exemple l'API a renvoyé 100 enregistrements et avec cette méthode nous l'avons divisé en pages de 10 enregistrements dans le client de cette manière le passage entre les pages n'est pas conditionné à des requêtes supplémentaires .
Comme on peut le voir, ces outils sont assez utiles dans la construction de nos applications, puisque nous pouvons penser l'interface utilisateur non seulement comme la partie esthétique mais elle aura aussi des fonctionnalités qui rendront la vie plus facile.
Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif
