Table des matières
Souligner En plus de nous fournir le moteur de modèle pour créer les vues, il nous offre également un certain nombre de fonctions qui servent d'utilitaires, avec ces fonctions, nous pouvons obtenir des résultats différents, en sachant simplement combien d'éléments une collection doit être capable de trier ladite collection par un paramètre.Itérer sur une collection
Pour parcourir chacun des éléments d'un collection on peut utiliser la fonction pour chaqueGrâce à cette fonction, on peut parcourir une collection sans avoir à établir une carte de contenu.
Voyons dans le code suivant comment il peut être utilisé :
var All = new Backbone.Collection (); All.add ([{title : 'Aller en Belgique.', Terminé : false}, {title : 'Aller en Chine.', Terminé : false}, {title : 'Aller en Autriche.', Terminé : vrai}] ); Todos.forEach (fonction (modèle) {console.log (model.get ('titre'));}); On établit une collection puis sur l'objet on applique pour chaque et nous imprimons le titre de l'attribut de chaque modèle, à l'écran, nous obtiendrions quelque chose de similaire à ce qui suit :
À un moment donné, nous devons ordonner les éléments par l'un de leurs attributs ou propriétés, pour cela nous avons la méthode Trier parSi on spécifie un attribut qui contient des lettres, il sera trié par l'alphabet, mais s'il est numérique, il sera trié par cette propriété, voyons l'exemple suivant, on gardera la collection de l'exemple précédent pour avoir moins code à écrire :
var sortedByAlphabet = All.sortBy (function (all) {return todo.get ("title"). toLowerCase ();}); console.log ("- Maintenant commandé :"); sortedByAlphabet.forEach (function (model) {console.log (model.get ('title'));}); Comme on le voit sur l'image on obtient le résultat suivant :
Pour obtenir les valeurs aux deux extrémités de la collection, c'est-à-dire la valeur minimale ou maximale, nous avons les fonctions min Oui max, en les appliquant nous pouvons obtenir les éléments correspondants, voyons dans le code comment utiliser ces fonctions :
All.max (fonction (modèle) {return model.id;}). All.min (function (model) {return model.id;}). Grouper par attribut
La méthode par groupe nous permet de regrouper les différents éléments qui composent la collection en utilisant l'un de ses attributs comme propriété, c'est très utile lorsque, par exemple, nous voulons différencier les états d'attributs, dans l'exemple de code nous le ferons via la complétion du modèle champ, voyons le code :
var All = new Backbone.Collection (); All.add ([{title : 'Aller en Belgique.', Terminé : false}, {title : 'Aller en Chine.', Terminé : false}, {title : 'Aller en Autriche.', Terminé : vrai}] ); var byCompleted = All.groupBy ('terminé'); var complete = new Backbone.Collection (byCompleted [false]); console.log (completed.pluck ('titre')); On voit qu'on a une collection où deux des 3 modèles ont le même état de finition, si on voulait seulement obtenir ces états avec la méthode par groupe On peut spécifier cette condition, on déclare d'abord une variable, on applique la méthode sur la propriété puis on génère une seconde collection où on indique quels éléments groupés elle va apporter, enfin on imprime dans la console de JavasSript de Google Chrome et nous obtiendrons les modèles correspondants, voyons dans l'image suivante ce que nous obtenons :
