Sommario
Sottolineare Oltre a fornirci il motore dei modelli per creare le viste, ci offre anche una serie di funzioni che fungono da utilità, con queste funzioni possiamo ottenere risultati diversi dal semplice sapere quanti elementi ha una raccolta per poter ordinare detta raccolta da qualche parametro.Iterare su una raccolta
Per iterare su ciascuno degli elementi di a collezione possiamo usare la funzione per ciascunoGrazie a questa funzione, possiamo passare attraverso una raccolta senza dover stabilire una mappa dei contenuti.
Vediamo nel codice seguente come può essere utilizzato:
var All = new Backbone.Collection (); All.add ([{title: 'Vai in Belgio.', Completed: false}, {title: 'Vai in China.', Completed: false}, {title: 'Vai in Austria.', Completed: true}] ); Todos.forEach (funzione (modello) {console.log (model.get ('titolo'));}); Stabiliamo una collezione e poi sull'oggetto applichiamo per ciascuno e stampiamo il titolo attributo di ogni modello, sullo schermo otterremmo qualcosa di simile a quanto segue:
Ad un certo punto dobbiamo ordinare gli elementi in base a uno qualsiasi dei loro attributi o proprietà, per questo abbiamo il metodo ordina perSe specifichiamo un attributo che contiene lettere, ordinerà per alfabeto, ma se è numerico, sarà ordinato da questa proprietà, vediamo l'esempio seguente, manterremo la raccolta dell'esempio precedente in modo da avere meno codice da scrivere:
var sortedByAlphabet = All.sortBy (function (all) {return todo.get ("title"). toLowerCase ();}); console.log ("- Ora ordinato:"); sortedByAlphabet.forEach (funzione (modello) {console.log (model.get ('titolo'));}); Come vediamo nell'immagine otteniamo il seguente risultato:
Per ottenere i valori ad entrambe le estremità della collezione, cioè il valore minimo o massimo, abbiamo le funzioni min sì max, applicandoli possiamo ottenere gli elementi corrispondenti, vediamo nel codice come utilizzare queste funzioni:
All.max (funzione (modello) {return model.id;}). Id; All.min (funzione (modello) {return model.id;}). Id; Raggruppa per attributo
Il metodo raggruppa per ci permette di raggruppare i diversi elementi che compongono la collezione utilizzando uno dei suoi attributi come proprietà, questo è molto utile quando, ad esempio, vogliamo differenziare tra gli stati degli attributi, nel codice di esempio lo faremo attraverso il completamento del modello campo, vediamo il codice:
var All = new Backbone.Collection (); All.add ([{title: 'Vai in Belgio.', Completed: false}, {title: 'Vai in China.', Completed: false}, {title: 'Vai in Austria.', Completed: true}] ); var byCompleted = All.groupBy ('completato'); var completato = new Backbone.Collection (byCompleted [false]); console.log (completed.pluck ("titolo")); Vediamo che abbiamo una collezione in cui due dei 3 modelli hanno lo stesso stato di completamento, se volessimo solo ottenere questi stati con il metodo raggruppa per Possiamo specificare questa condizione, prima dichiariamo una variabile, applichiamo il metodo sulla proprietà e poi generiamo una seconda raccolta dove indichiamo quali elementi raggruppati porterà, infine stampiamo nella console di JavasSript di Google Chrome e otterremo i modelli corrispondenti, vediamo nell'immagine seguente cosa otteniamo:
