Backbone.js - Paginator

Ryggrad. Paginator Det er et sett med verktøy, metoder og skjemaer som lar oss paginere resultatene av spørringene vi må gjøre mot datatjenestene til applikasjonene våre, og som kan gi flere resultater enn vi vil at brukeren skal se i første omgang.

Ved å paging dataene kan vi legge til rette for navigasjon og også øke hastigheten på applikasjonen vår, siden det ikke er det samme for våre formål å laste 5000 poster i klientleseren enn å laste de samme 5000 fra 100 til 100 og disse 100 deler dem inn i blir til 10 platesider, dette får mye informasjon til å se mer håndterlig ut.

1. Pagineringstyper


For å finne ut hvordan vi skal jobbe med Ryggrad. Paginator, må vi først vite typer paginering som vi kan stå overfor, på denne måten kan vi fastslå hvordan vi skal handle når vi utvikler løsningen vår:

Forespørsel til en datatjenesteDenne typen paginering lar oss bare konsultere mengden data som hver side godtar fra en webtjeneste, for eksempel a API, problemet oppstår når vi inkorporerer flere parametere som rekkefølge, vedvarende søk, etc. Det er imidlertid en god måte å laste ut prosessorkraften på serveren som serverer oss dataene.

Ekstra paginering på klientsidenI denne stilen med paginering er det vi gjør at vi tar med et sett med data som er større enn det som kreves av hver side, på denne måten på klientsiden kan vi paginere med mindre blokker, og vi får mer fart siden vi har de andre dataene i vår makt.

Uendelig pagineringDenne typen paginering tillater oss å laste inn resultatene når brukeren går videre, etter en viss grense setter vi en knapp for å se mer, på denne måten føles det ikke begrenset av antall sider, denne stilen av paginering ses mye i sosiale sosiale nettverk Facebook.

2. Hva tilbyr Backbone.Paginator oss?


Den tilbyr oss en rekke verktøy som lar oss oppnå hvilken som helst av de tre sidestilene som er beskrevet ovenfor, den gir oss også hjelp til visuelt å plassere elementene slik vi ser på følgende bilde:

FORSTØRRE

3. Initialisering


Backbone.Paginator må brukes på en samling av data, dette gir oss også to metoder for å dekke de forskjellige typene paginering.

Backbone.Paginator.requestPagerVi bruker denne metoden for å dekke spørsmålene vi kan gjøre mot en datatjeneste, for eksempel et API.

Backbone.Paginator.clientPagerVi bruker denne metoden når vi ønsker å foreta ytterligere personsøk i klienten, for eksempel returnerte API -en 100 poster, og med denne metoden delte vi den opp i sider med 10 poster i klienten på denne måten er ikke passasjen mellom sidene betinget av flere søk .

Som vi kan se, er disse verktøyene ganske nyttige i konstruksjonen av applikasjonene våre, siden vi kan tenke på brukergrensesnittet ikke bare som den estetiske delen, men det vil også ha funksjoner som gjør livet lettere.

Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave