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

introduzione

Backbone 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à precedenti, 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.

Vediamo la struttura per posizionare il codice

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

Collegamenti CDN

Il metodo lunghezza () in spina dorsale.La raccolta JS restituisce il numero totale di istanze del modello o una matrice di istanze del modello dalla raccolta della spina dorsale.

Sintassi:

Collection_Object.lunghezza

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 di lunghezza nella spina dorsale.Collezione JS.

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

Esempio 1

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection che è un'istanza della collezione FlowerCollection. E aggiungeremo l'istanza del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().

Ora applicheremo il metodo lunghezza () per restituire il numero totale di istanze del modello.

Suggerimento Linux

Produzione:

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

Qui, possiamo vedere il metodo lunghezza () restituisce un valore intero 1 che rappresenta c'è solo un'istanza del modello nella raccolta precedente.

Esempio 2

In questo esempio, creeremo una classe modale denominata - fiori e creeremo una classe di collezione di collection di fiori. Passeremo al suo interno la nostra classe modello (fiori).

Successivamente, dobbiamo creare un'istanza per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection che è un'istanza della collezione FlowerCollection. E aggiungeremo tre istanze del modello di fiori all'istanza di raccolta usando il metodo Add ().

Ora applicheremo il metodo lunghezza () alla raccolta.

Suggerimento Linux

Produzione:

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

Qui, possiamo vedere il metodo Long () restituito 3.

Conclusione

In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo di lunghezza () nella raccolta. Restituirà il numero totale di istanze del modello in una raccolta. Inoltre, non ci vorranno parametri.