Table des matières
Une fois que nous comprenons le concept de collections au sein de Backbone.js il nous reste sûrement la question de savoir comment obtenir un modèle que nous avons déjà stocké dans ladite collection, pour cela, nous avons des méthodes d'utilisation assez simples que Backbone.js met à notre disposition pour obtenir les données dont nous avons besoin.Pour obtenir les données d'un objet basé sur un modèle on va dépendre d'un champ identifiant, soit on l'exprime explicitement avec le nom id soit qu'il nous propose Backbone.js avec le terrain cid c'est-à-dire N ° de client.
Obtention des modèles
Il existe plusieurs façons d'obtenir un modèle à partir d'une collection, la plus directe est d'utiliser la méthode Collection.get (), cette méthode accepte une valeur id pour pouvoir identifier l'objet spécifique dont nous avons besoin.
ImportantGénéralement, lorsque nous travaillons dans applications client-serveur nous devons identifier de manière unique les modèles, donc lorsque nous échangeons des données, nous avons un moyen de spécifier à qui le flux de données va.
Dans l'exemple suivant, nous allons définir un modèle avec un identifiant, avec celui-ci nous pouvons ensuite obtenir sa valeur en utilisant la méthode Collection.get().
Regardons le code et expliquons ensuite le processus :
var Task = Backbone.Model.extend ({valeurs par défaut : {titre : '', terminé : false}}); // Nous définissons notre modèle var TasksCollection = Backbone.Collection.extend ({model: Task,}); // définir notre collection var myTask = new Task ({title: "aller faire les courses au supermarché", id: 2}); // nous avons d'abord construit un modèle et lui avons attribué un identifiant var task = new TasksCollection ([myTask]); // alors nous avons défini une collection en passant un tableau var task2 = tasks.get (2); // nous utilisons la méthode get pour obtenir le contenu avec l'id 2 console.log (task2 === myTask); // nous montrons le contenu de ce que nous avons obtenu Tout d'abord nous avons défini notre modèle donnant la structure de base, de cette façon nous pouvons créer un nouvel objet plus tard dans le code, prochain acte nous créons une collection et nous vous disons que vous devez utiliser le modèle comme référence pour les objets qu'il contiendra.
Nous définissons notre objet et en plus du titre nous avons ajouté un champ id avec la valeur 2, nous créons une collection et il nous ajoutons notre objet dans un tableauÀ ce stade, si nous l'avions voulu, nous aurions pu passer plus d'un objet.
Nous créons une nouvelle variable et lui disons d'affecter la valeur de ce que nous obtenons de notre collection qui a l'id 2, ici nous voyons que nous ne spécifions pas le champ id, nous lui passons simplement la valeur 2, car Backbone.js il sait automatiquement rechercher un champ id qui contient cette valeur.
Enfin, nous avons simplement fait une comparaison de référence où nous demandons si la valeur obtenue est égale à celle définie et cela retourne vrai lors de l'exécution du code dans la console Javascript dans notre navigateur Google ChromeComme on peut le voir, c'est très simple.
Pour finir ce tutoriel nous voyons en image le résultat de notre exercice :
