Dans cette épine dorsale.Tutoriel JS Framework, nous discuterons de la méthode Reset () 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 ci-dessus, 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 dans 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.

La structure pour placer le code

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

Liens CDN:

Méthode reset () dans l'épine dorsale.La collection JS est utilisée pour réinitialiser ou supprimer les instances du modèle d'une collection. Il réinitialise également la collection existante avec de nouvelles instances de modèle dans une collection.

Syntaxe:

Il faut deux paramètres.

1. Le modèle est une instance qui sera réinitialisée à partir d'une collection.
2. Les options sont utilisées pour spécifier NULL lorsque nous réinitialisons la collection.

Retirer: Collection_Object.réinitialiser()

Pour un nouveau modèle de modèle d'instance de réinitialisation: Collection_Object.réinitialiser (Model_instance)

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 reset () dans l'épine dorsale.Collection JS.

Discutons de quelques exemples de l'épine dorsale.Méthode de réinitialisation de la collection JS ().

Exemple 1: Mettez à jour la nouvelle instance du modèle dans la collection à l'aide de reset ()

Dans cet exemple, nous créerons une classe modale nommée «Flowers» et une classe de collection «Flowercollection». Nous passerons notre cours de modèle, «Flowers», à l'intérieur.

Après cela, nous devons créer cinq instances pour le modèle «Fleurs» avec trois attributs: (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons une «Flower_Collection», un exemple de la collection «FlowerCollection». Ensuite, nous ajouterons l'instance du «modèle de fleur» à l'instance de collection à l'aide de la méthode Add ().

Nous réinitialiserons ces cinq instances de modèle et placerons une nouvelle instance de modèle avec deux attributs.

Enfin, nous affichons la collection en utilisant le JSON.méthode stringify ().

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 reset () réinitialiser les anciennes instances d'une collection avec une nouvelle instance.

Exemple 2: supprimer les instances du modèle de la collection à l'aide de reset ()

Dans cet exemple, nous créerons une classe modale nommée «Flowers» et une classe de collection «Flowercollection». Nous passerons notre cours de modèle, «Flowers», à l'intérieur.

Après cela, nous devons créer cinq instances pour le modèle «Fleurs» avec trois attributs: (Flower_name, Flower_Sepals, Flower_Petsals).

Nous créerons une «Flower_Collection», un exemple de la collection «FlowerCollection». Et nous ajouterons l'instance du modèle «Flower» à l'instance de collection à l'aide de la méthode Add ().

Maintenant, nous supprimerons toutes les instances de modèle existantes à l'aide de reset ().

Enfin, nous affichons la collection en utilisant le JSON.méthode stringify ().

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 reset () supprime toutes les anciennes instances de modèle d'une collection.

Conclusion

Dans cette épine dorsale.Tutoriel JS, nous avons discuté de la méthode Reset () dans la collection. Il réinitialiserait les anciennes instances de modèle et les définirait avec de nouvelles instances si nous n'avons spécifiquement aucune instance. Il supprimera l'ensemble des instances de modèle d'une collection.