Backbone.js - Paginator

Backbone.Paginator Het is een set tools, methoden en formulieren waarmee we de resultaten van de query's die we moeten maken op de dataservices van onze applicaties kunnen pagineren en die meer resultaten kunnen opleveren dan we willen dat de gebruiker in eerste instantie ziet.

Door de gegevens te pagineren, kunnen we de navigatie vergemakkelijken en ook de snelheid van onze applicatie verhogen, aangezien het voor onze doeleinden niet hetzelfde is om 5000 records in de clientbrowser te laden dan om dezelfde 5000 van 100 in 100 te laden en deze 100 deze in te delen in veranderen in 10 recordpagina's, hierdoor ziet veel informatie er beter beheersbaar uit.

1. Pagineringstypen


Om vast te stellen hoe we gaan werken met Backbone.Paginator, we moeten eerst de kennen pagineringstypes waarmee we het hoofd kunnen bieden, kunnen we op deze manier vaststellen hoe we moeten handelen bij het ontwikkelen van onze oplossing:

Aanvraag bij een dataserviceMet dit type paginering kunnen we alleen de hoeveelheid gegevens raadplegen die elke pagina accepteert van een webservice, bijvoorbeeld a API, ontstaat het probleem wanneer we meer parameters opnemen, zoals volgorde, persistentie van de zoekopdracht, enz. Het is echter een goede manier om de verwerkingskracht te ontlasten op de server die ons de gegevens bedient.

Extra paginering aan de clientzijdeIn deze stijl van paginering, wat we doen is dat we een reeks gegevens meenemen die groter is dan de hoeveelheid die door elke pagina wordt gevraagd, op deze manier kunnen we aan de clientzijde pagineren met kleinere blokken en krijgen we meer snelheid omdat we de andere gegevens in onze kracht.

Oneindige pagineringDit type paginering stelt ons in staat om de resultaten te laden wanneer de gebruiker verder gaat, na een bepaalde limiet plaatsen we een knop om meer te zien, op deze manier voelt het niet beperkt door het aantal pagina's, deze stijl van paginering wordt veel gezien in de sociale netwerken zoals Facebook.

2. Wat biedt Backbone.Paginator ons?


Het biedt ons een reeks tools waarmee we elk van de 3 hierboven beschreven pagineringsstijlen kunnen bereiken, het biedt ons ook hulp om de elementen visueel te plaatsen zoals we in de volgende afbeelding zien:

VERGROTEN

3. Initialisatie


Backbone.Paginator moet worden toegepast op een verzameling gegevens, dit biedt ons ook twee methoden om de verschillende soorten paginering te dekken.

Backbone.Paginator.requestPagerWe gebruiken deze methode om de queries af te dekken die we kunnen maken tegen een dataservice zoals een API.

Backbone.Paginator.clientPagerWe gebruiken deze methode wanneer we extra paginering in de client willen doen, bijvoorbeeld de API heeft 100 records geretourneerd en met deze methode hebben we deze in de client in pagina's van 10 records verdeeld, zodat de passage tussen pagina's niet wordt geconditioneerd voor aanvullende zoekopdrachten .

Zoals we kunnen zien, zijn deze tools behoorlijk nuttig bij het bouwen van onze applicaties, omdat we de gebruikersinterface niet alleen kunnen zien als het esthetische deel, maar het zal ook functionaliteiten hebben die het leven gemakkelijker maken.

Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven

U zal helpen de ontwikkeling van de site, het delen van de pagina met je vrienden

wave wave wave wave wave