Backbone.js - Collezioni di modelli

L'obiettivo delle applicazioni è gestire i dati dinamici, a questi dati dovremo applicare determinate funzioni e comportamenti in modo che un utente possa utilizzarli e trarne qualche beneficio.
Possiamo raggiungere questo obiettivo in molti modi e in Backbone.js abbiamo il collezioni, che sono strutture che ci permettono di raggruppare i modelli in modo ordinato, così possiamo avere una collezione di un tipo di modello e sapere che in essa conterremo tutti gli oggetti di un certo ambito.
Collezioni
Come accennato, le raccolte sono gruppi di modelli e possono essere create ereditando da Backbone.Collezione.
ImportanteNormalmente quando creiamo una collezione dobbiamo definire il tipo di modello che conterrà in sé, insieme alle proprietà di istanziazione richieste dai modelli.
Nell'immagine seguente abbiamo costruito una collezione, vediamo il codice e poi spiegheremo cosa succede in essa:

Per prima cosa dobbiamo definire il nostro modello, indichiamo gli attributi che ha, in questo caso titolo sì completato, quindi definiamo la nostra collezione e indichiamo che tipo di modello dovrebbe contenere e quindi abbiamo creato un oggetto che eredita dal nostro modello e inizializziamo gli attributi, fino a qui è la parte di inizializzazione.
Poi passiamo a a oggetto da collezione, l'oggetto del nostro modello in un array, questo ci dice che possiamo passare più di un oggetto all'interno del nostro array e infine stampiamo la dimensione della collezione per confermare che abbiamo memorizzato tutto correttamente.
Aggiungi e rimuovi
Poiché l'idea è che tutto sia dinamico, possiamo anche aggiungere e rimuovere modelli dalle nostre collezioni, tutto questo viene fatto in modo molto semplice utilizzando i metodi Inserisci sì rimuovere sull'oggetto della nostra collezione:

Nell'immagine vediamo come continuiamo con la struttura del modello del primo esempio, ma in questo caso creiamo una nuova collezione, le diciamo che utilizzeremo lo stesso modello e poi creiamo 3 oggetti che estendere il modello.
Facciamo un'integrazione iniziale degli oggetti aeb, in un array li passiamo alla nostra collezione e stampiamo quanti oggetti ha, in questo caso indica che 2.
Quindi usando il aggiungi metodo e passando l'oggetto che vogliamo aggiungere come parametro, la nostra collezione cresce fino a 3 oggetti, finora questo comportamento è molto semplice e cosa succede se vogliamo rimuovere uno o più elementi, passiamo semplicemente al rimuovere il metodo un array, nello stesso modo in cui abbiamo fatto con il metodo add.
Finiamo per rimuovere gli oggetti aeb e quando rimane solo c, stampiamo di nuovo il numero di oggetti e ce ne dice uno. Possiamo anche rimuovere quest'ultimo e la raccolta ci dirà che ha 0 oggetti e non avremo problemi.
RicordareC'è la possibilità di passare oggetti duplicati, ma se usiamo la proprietà {unione: vero} i suoi valori sono unificati anziché ignorati, questo può essere preso in considerazione nel caso in cui ci si presenti una situazione di questo stile.
Alla fine di questo tutorial, sappiamo già cosa sono le raccolte e come generarle in Backbone.jsCome possiamo vedere, è un modo per ordinare i nostri oggetti per scope in modo tale da poterli usare molto, più facilmente nella nostra applicazione.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo