Backbone.Paginator È un insieme di strumenti, metodi e moduli che ci consentono di impaginare i risultati delle query che dobbiamo fare rispetto ai servizi dati delle nostre applicazioni e che possono restituire più risultati di quanti vorremmo che l'utente vedesse in prima istanza.
Scorrendo i dati possiamo facilitare la navigazione e anche aumentare la velocità della nostra applicazione, poiché per i nostri scopi non è lo stesso caricare 5000 record nel browser client che caricare gli stessi 5000 da 100 a 100 e questi 100 li dividono in trasformarsi in 10 pagine di record, questo rende molte informazioni più gestibili.
1. Tipi di impaginazione
Per stabilire come lavoreremo con Backbone.Paginator, dobbiamo prima conoscere il tipi di impaginazione a cui possiamo far fronte, in questo modo possiamo stabilire come dobbiamo agire quando sviluppiamo la nostra soluzione:
Richiesta a un servizio datiQuesto tipo di impaginazione ci permette di consultare solo la quantità di dati che ogni pagina accetta da un servizio web, ad esempio a API, il problema si verifica quando incorporiamo più parametri come ordine, persistenza della query, ecc. Tuttavia, è un buon modo per scaricare la potenza di elaborazione sul server che ci serve i dati.
Impaginazione extra lato clientIn questo stile di impaginazione, quello che facciamo è portare un insieme di dati maggiore di quello richiesto da ogni pagina, in questo modo lato client possiamo impaginare con blocchi più piccoli e otteniamo più velocità poiché abbiamo gli altri dati in il nostro potere.
Impaginazione infinitaQuesto tipo di impaginazione ci permette di caricare i risultati quando l'utente avanza, dopo un certo limite mettiamo un bottone per vedere di più, in questo modo non si sente limitato dal numero di pagine, questo stile di impaginazione si vede molto nel reti sociali come Facebook.
2. Cosa ci offre Backbone.Paginator?
Ci offre una serie di strumenti che ci consentono di ottenere uno qualsiasi dei 3 stili di impaginazione sopra descritti, ci offre anche un aiuto per posizionare visivamente gli elementi come vediamo nell'immagine seguente:
INGRANDIRE
3. Inizializzazione
Backbone.Paginator deve essere applicato ad una raccolta di dati, anche questo ci offre due metodi per coprire i diversi tipi di impaginazione.
Backbone.Paginator.requestPagerUtilizziamo questo metodo per coprire le query che possiamo effettuare su un servizio dati come un'API.
Backbone.Paginator.clientPagerUsiamo questo metodo quando vogliamo fare un paging aggiuntivo nel client, ad esempio l'API ha restituito 100 record e con questo metodo l'abbiamo diviso in pagine di 10 record nel client in questo modo il passaggio tra le pagine non è condizionato a query aggiuntive .
Come possiamo vedere, questi strumenti sono abbastanza utili nella costruzione delle nostre applicazioni, poiché possiamo pensare all'interfaccia utente non solo come parte estetica, ma avrà anche funzionalità che semplificano la vita.
Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
