Cette épine dorsale.Le tutoriel JS Framework discutera de la méthode Suppor () dans la classe de collection.

Introduction

Colonne vertébrale.JS est un framework 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

1. Il est utilisé avec JavaScript.

2. Nous pouvons implémenter le cadre à l'intérieur de la balise.

3. Ce cadre prend en charge les méthodes et fonctions JavaScript comme la sortie et la lecture d'entrée.

4. La balise est placée à l'intérieur de la balise ou de la balise.

5. 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:

Les liens CDN sont placés avec l'attribut SRC de la balise de script.

Liens CDN

La méthode retire () dans la colonne vertébrale.La collection JS supprime le modèle de la collection. Il est possible de supprimer un seul modèle (instance unique) ou un tableau de modèles (plus d'une instance via un tableau) de la collection.

Syntaxe:

Collection_Object.supprimer (modèle, options)

Il faut deux paramètres.

1. Le modèle est une instance qui sera supprimée de la collection.
2. Le paramètre d'options est utilisé pour spécifier s'il s'agit d'un modèle ou d'un tableau de modèles à supprimer.

Modèle - Collection_Object.supprimer (modèle_instance1)

Tableau de modèles - Collection_Object.supprimer ([Model_instance1, Model_instance2,…])

Approche

1. Créer un modèle d'épine dorsale en utilisant la méthode Extend ().

Syntaxe:

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:

var CollectionClass = Backbone.Collection.étendre(
Modèle: ModelClass
);

3. Créer un objet ou une instance pour la classe de collection.

Syntaxe:

var collection_instance = new CollectionClass ();

4. Explorez la méthode de supprimer () dans l'épine dorsale.Collection JS.

Discutons de plusieurs exemples de l'épine dorsale.Méthode de collecte JS Suppor ().

Exemple 1: supprimer un seul modèle de la collection

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'exemple du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous supprimerons cette instance de modèle ajoutée de la collection à l'aide de la méthode supprime ().

Enfin, nous affichons la collection en utilisant la méthode Tojson ().

Indice de linux

Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, la méthode supprime () supprime l'instance de la collection.

Exemple 2: supprimez le tableau des modèles de la collection

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 trois instances du modèle de fleur à l'instance de collection en utilisant la méthode Add ().

Maintenant, nous supprimerons deux des instances de modèle ajoutées de la collection à l'aide de la méthode supprime ().

Enfin, nous affichons la collection en utilisant la méthode Tojson ().

Indice de linux

Sortir:

Exécutez l'application dans votre navigateur en enregistrant le code dans le fichier avec .HTML comme extension.

Ici, nous pouvons voir la méthode retirer () supprime la fleur1 et la fleur2 de la collection, et dans le cas restant, Flower3 est affiché.

Conclusion

Dans cette épine dorsale.Tutoriel JS, nous avons discuté de la méthode supprime () dans la collection. Il est utilisé pour supprimer un modèle de la collection. S'il y a plus d'une instance d'un modèle à supprimer, vous pouvez utiliser un tableau à l'intérieur de la méthode Suppor () et passer des modèles à la méthode retirer () via le tableau.