In questa spina dorsale.JS Framework Tutorial, discuteremo del metodo reset () nella classe di raccolta.

introduzione

Spina dorsale.JS è un framework utilizzato per creare applicazioni Web che seguono lo stile di JavaScript.

Supporta modelli, eventi, collezioni, viste e servizi pubblici.

Utilizzando una qualsiasi delle funzionalità di cui sopra, possiamo creare ed eseguire operazioni diverse sui dati forniti in un'applicazione Web.

Punti da ricordare

1. È usato con JavaScript.
2. Possiamo implementare il framework all'interno del tag.
3. Questo framework supporta i metodi e le funzioni JavaScript come l'output e l'input di lettura.
4. Il tag è posizionato all'interno del tag o in tag.
5. È importante avere collegamenti CDN (Content Delivery Network) per eseguire l'applicazione Web sul server.

La struttura per posizionare il codice

I collegamenti CDN sono posizionati con l'attributo SRC del tag script.

Link CDN:

Metodo reset () nella spina dorsale.La raccolta JS viene utilizzata per ripristinare o rimuovere le istanze del modello da una raccolta. Reimposta anche la collezione esistente con nuove istanze del modello in una raccolta.

Sintassi:

Ci vogliono due parametri.

1. Il modello è un'istanza che verrà ripristinata da una raccolta.
2. Le opzioni vengono utilizzate per specificare null quando ripristiniamo la raccolta.

Rimuovere: raccolta_object.Ripristina()

Per il nuovo ripristino dell'istanza del modello modello: raccolta_object.reset (model_instance)

Approccio

1. Crea un modello di spina dorsale usando il metodo Extent ().

Sintassi:

var modelclass = spina dorsale.Modello.estendere();

2. Crea una raccolta di backbone utilizzando il metodo Extend () e passa la classe del modello.

Sintassi:

var collectionclass = backbone.Collezione.estendere(
Modello: ModelClass
);

3. Crea un oggetto o un'istanza per la classe di raccolta.

Sintassi:

var collection_instance = new CollectionClass ();

4. Esplora il metodo reset () nella spina dorsale.Collezione JS.

Discutiamo alcuni esempi della spina dorsale.Metodo della raccolta JS ().

Esempio 1: aggiorna la nuova istanza del modello nella raccolta utilizzando reset ()

In questo esempio, creeremo una classe modale denominata "fiori" e una classe di collezione di "fiore". Passeremo la nostra classe modello, "fiori", al suo interno.

Successivamente, dobbiamo creare cinque istanze per il modello "Flowers" con tre attributi: (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo una "Flower_Collection", un'istanza della collezione "FlowerCollection". Quindi, aggiungeremo l'istanza del "modello di fiori" all'istanza di raccolta usando il metodo Add ().

Ripristineremo queste cinque istanze del modello e posizioneremo una nuova istanza del modello con due attributi.

Infine, visualizziamo la collezione usando il JSON.Metodo Stringify ().

Suggerimento Linux

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, possiamo vedere il metodo reset () reimpostare le vecchie istanze in una raccolta con una nuova istanza.

Esempio 2: rimuovere le istanze del modello dalla raccolta usando reset ()

In questo esempio, creeremo una classe modale denominata "fiori" e una classe di collezione di "fiore". Passeremo la nostra classe modello, "fiori", al suo interno.

Successivamente, dobbiamo creare cinque istanze per il modello "Flowers" con tre attributi: (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo una "Flower_Collection", un'istanza della collezione "FlowerCollection". E aggiungeremo l'istanza del modello "fiore" all'istanza di raccolta usando il metodo Add ().

Ora rimuoveremo tutte le istanze del modello esistenti usando reset ().

Infine, stiamo visualizzando la collezione usando il JSON.Metodo Stringify ().

Suggerimento Linux

Produzione:

Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.

Qui, il metodo reset () rimuove tutte le vecchie istanze del modello in una raccolta.

Conclusione

In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo reset () nella raccolta. Ripristinerebbe le vecchie istanze del modello e le imposti con nuove istanze se non specificassimo alcuna istanza. Rimuoverà l'intero modello di istanze da una raccolta.