Colonne vertébrale.Collection JS.Méthode de cueillette
Dans cette épine dorsale.Tutoriel JS Framework, nous discuterons de la méthode Pluck () dans la classe de collection.
Introduction
Colonne vertébrale.JS est un cadre utilisé pour créer des applications Web qui suivent le style de JavaScript.
Il prend en charge les modèles, les événements, les collections, les vues et les services publics.
En utilisant l'une des fonctionnalités précédentes, nous pouvons créer et effectuer différentes opérations sur les données données dans une application Web.
Points à retenir
- Il est utilisé avec JavaScript.
- Nous pouvons implémenter le cadre à l'intérieur de la balise.
- Ce cadre prend en charge les méthodes et fonctions JavaScript comme la sortie et la lecture d'entrée.
- La balise est placée à l'intérieur de la balise ou de la balise.
- Il est important d'avoir des liens de réseau de livraison de contenu (CDN) pour exécuter l'application Web sur le serveur.
Voyons la structure pour placer le code
| 1 2 3 4 5 6 7 8 9 dix 11 12 13 14 |
Les liens CDN sont placés avec l'attribut SRC de la balise de script.
Liens CDN
| 1 2 3 |
La méthode cluck () dans l'épine dorsale.La collection JS a utilisé pour renvoyer l'attribut de l'instance du modèle donné dans une collection.
Syntaxe:
| 1 | Collection_Object.cueillir (attribut) |
Il faut un paramètre.
Le paramètre d'attribut est la propriété du modèle.
Approche
1. Créez un modèle d'épine dorsale en utilisant la méthode Extend ().
Syntaxe:
| 1 | var ModelClass = Backbone.Modèle.étendre(); |
2. Créez une collection d'épine dorsale en utilisant la méthode Extend () et passez la classe de modèle.
Syntaxe:
| 1 2 3 4 5 | var CollectionClass = Backbone.Collection.étendre( Modèle: ModelClass ); |
3. Créer un objet ou une instance pour la classe de collection.
Syntaxe:
| 1 | var collection_instance = new CollectionClass (); |
4. Explorez la méthode Pluck () dans l'épine dorsale.Collection JS.
Discutons de plusieurs exemples de l'épine dorsale.Méthode JS Collection Pluck ().
Exemple 1: Attribut de retour à l'aide de la méthode Pluck ()
Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.
Après cela, nous devons créer cinq instances pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).
Nous créerons un flower_collection qui est un exemple de la collection FlowerCollection. Et nous ajouterons les instances du modèle de fleur à l'instance de collection en utilisant la méthode Add ().
Maintenant, nous obtiendrons tous les attributs en utilisant Pluck () dans une collection.
| 1 2 3 4 5 6 7 8 9 dix 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | Indice de linux |
Sortir:
Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.
Ici, nous avons retourné tous les attributs en utilisant la méthode Pluck ().
Exemple 2: Attribut de retour à l'aide de la méthode Pluck ()
Dans cet exemple, nous créerons une classe modale nommée - Fleurs et créerons une classe de collection FlowerCollection. Nous passerons notre classe de modèle (fleurs) à l'intérieur.
Après cela, nous devons créer une instance pour le modèle Flowers avec trois attributs (Flower_name, Flower_Sepals, Flower_Petsals).
Nous créerons un flower_collection, qui est un exemple de la collection FlowerCollection. Et nous ajouterons l'instance du modèle de fleur à l'instance de collection en utilisant la méthode Add ().
Maintenant, nous obtiendrons tous les attributs en utilisant la méthode Pluck () dans une collection.
| 1 2 3 4 5 6 7 8 9 dix 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | Indice de linux |
Sortir:
Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.
Ici, nous avons retourné tous les attributs en utilisant la méthode Pluck ().
Conclusion
Dans cette épine dorsale.Tutoriel JS, nous avons discuté de la méthode Pluck () d'une collection. Il est utilisé pour sélectionner les attributs. S'il y a plusieurs instances de modèle dans une collection, alors ils seront retournés séparés par une virgule.