Backbone.js - Paginator

Backbone.Paginator Det är en uppsättning verktyg, metoder och former som gör att vi kan paginera resultaten av de frågor som vi behöver göra mot datatjänsterna i våra applikationer och som kan ge fler resultat än vi vill att användaren ska se i första hand.

Genom att söka i data kan vi underlätta navigering och även öka hastigheten på vår applikation, eftersom det inte är samma sak för våra ändamål att ladda 5000 poster i klientens webbläsare än att ladda samma 5000 från 100 till 100 och dessa 100 delar dem i blir till 10 skivsidor, detta gör att mycket information ser mer hanterbar ut.

1. Pagineringstyper


För att fastställa hur vi ska arbeta med Backbone.Paginator, måste vi först veta paginationstyper som vi kan möta, på så sätt kan vi fastställa hur vi ska agera när vi utvecklar vår lösning:

Begäran till en datatjänstDenna typ av paginering gör att vi endast kan konsultera mängden data som varje sida accepterar från en webbtjänst, till exempel a API, problemet uppstår när vi införlivar fler parametrar som ordning, efterfrågan ihållande, etc. Det är dock ett bra sätt att lossa processorkraften på servern som serverar oss data.

Extra pagination på klientsidanI denna stil med paginering är det vi gör att vi tar med en uppsättning data som är större än vad som begärs av varje sida, på detta sätt kan vi på klientsidan paginera med mindre block och vi får mer hastighet eftersom vi har andra data i vår makt.

Oändlig paginationDenna typ av paginering gör att vi kan ladda resultaten när användaren går framåt, efter en viss gräns sätter vi en knapp för att se mer, på så sätt känns det inte begränsat av antalet sidor, den här stilen av paginering ses mycket i sociala nätverk Facebook.

2. Vad erbjuder Backbone.Paginator oss?


Det erbjuder oss en serie verktyg som gör att vi kan uppnå någon av de tre sidstilar som beskrivs ovan, det ger oss också hjälp att visuellt placera elementen som vi ser i följande bild:

FÖRSTORA

3. Initiering


Backbone.Paginator måste tillämpas på en samling data, detta erbjuder oss också två metoder för att täcka de olika typerna av paginering.

Backbone.Paginator.requestPagerVi använder den här metoden för att täcka de frågor som vi kan göra mot en datatjänst, till exempel ett API.

Backbone.Paginator.clientPagerVi använder den här metoden när vi vill göra ytterligare personsökning i klienten, till exempel returnerade API: et 100 poster och med den här metoden delade vi upp det i sidor med 10 poster i klienten på detta sätt är passagen mellan sidorna inte betingad av ytterligare frågor .

Som vi kan se är dessa verktyg ganska användbara i konstruktionen av våra applikationer, eftersom vi kan tänka på användargränssnittet inte bara som den estetiska delen utan det kommer också att ha funktioner som gör livet enklare.

Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave