Backbone.js - Collections de modèles

L'objectif des applications est de gérer des données dynamiques, à ces données nous allons devoir appliquer certaines fonctions et comportements afin qu'un utilisateur puisse les utiliser et en tirer profit.
Nous pouvons y parvenir de plusieurs manières et en Backbone.js nous avons le collections, qui sont des structures qui nous permettent de regrouper des modèles de manière ordonnée, afin que nous puissions avoir une collection d'un type de modèle et savoir que nous allons y contenir tous les objets d'une certaine portée.
Collections
Comme nous l'avons mentionné, les collections sont des groupes de modèles et peuvent être créées en héritant de Backbone.Collection.
ImportantNormalement, lors de la création d'une collection, nous devons définir le type de modèle qu'il contiendra en lui-même, ainsi que les propriétés d'instanciation requises par les modèles.
Dans l'image suivante, nous avons construit une collection, voyons le code, puis nous expliquerons ce qui s'y passe :

Nous devons d'abord définir notre modèle, nous indiquons les attributs dont il dispose, dans ce cas Titre Oui terminé, puis on définit notre collection et on indique quel type de modèle elle doit contenir puis on a créé un objet qui hérite de notre modèle et on initialise les attributs, jusqu'ici c'est la partie initialisation.
Ensuite, nous passons à un objet de collection, l'objet de notre modèle dans un tableau, cela nous indique que nous pouvons passer plus d'un objet à l'intérieur de notre tableau et enfin nous imprimons la taille de la collection pour confirmer que nous avons tout stocké correctement.
Ajouter et supprimer
Comme l'idée est que tout est dynamique, nous pouvons également ajouter et supprimer des modèles de nos collections, tout cela se fait de manière très simple en utilisant les méthodes ajouter Oui supprimer sur l'objet de notre collection :

Dans l'image, nous voyons comment nous continuons avec la structure du modèle du premier exemple, mais dans ce cas, nous créons une nouvelle collection, nous lui disons que nous utiliserons le même modèle, puis nous créons 3 objets qui étendre le modèle.
Nous effectuons une intégration initiale des objets a et b, dans un tableau, nous les passons à notre collection et affichons le nombre d'objets qu'elle contient, dans ce cas, cela indique que 2.
Puis en utilisant le ajouter une méthode et en passant l'objet que nous voulons ajouter en paramètre, notre collection passe à 3 objets, jusqu'à présent ce comportement est très simple et que se passe-t-il si nous voulons supprimer un ou plusieurs éléments, nous passons simplement au méthode de suppression un tableau, de la même manière que nous l'avons fait avec la méthode add.
Nous finissons par supprimer les objets a et b et lorsqu'il ne reste que c, nous imprimons à nouveau le nombre d'objets et il nous en indique un. Nous pouvons également supprimer ce dernier et la collection nous dira qu'elle a 0 objets et nous n'aurons aucun problème.
rappelerIl y a la possibilité de passer des objets en double, mais si on utilise la propriété {fusionner : vrai} ses valeurs sont unifiées au lieu d'être ignorées, cela peut être pris en compte au cas où une situation de ce style nous arriverait.
A la fin de ce tutoriel, nous savons déjà ce que sont les collections et comment les générer dans Backbone.jsComme nous pouvons le voir, c'est une façon de classer nos objets par portée de manière à pouvoir les utiliser beaucoup, plus facilement dans notre application.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif