Spina dorsale.Collezione JS.Frondwhere Method

Spina dorsale.Collezione JS.Frondwhere Method

In questa spina dorsale.JS Framework Tutorial, discuteremo del metodo FindWhere () 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 Applicazione precedente, possiamo creare ed eseguire operazioni diverse sui dati forniti in un 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 findwhere () in spina dorsale.La raccolta JS viene utilizzata per restituire solo la prima istanza del modello da una raccolta basata sull'attributo specificato in esso. Impiega l'attributo come parametro.

Sintassi:

Collection_Object.Findwhere (attributo)

Ci vuole un parametro.

L'attributo è la proprietà del modello in cui il metodo findWhere () restituirà solo la prima istanza del modello in base all'attributo fornito.

Se l'attributo non è lì, restituirà indefinito.

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 Extent () 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 findwhere () nella spina dorsale.Collezione JS.

Discutiamo di diversi esempi della spina dorsale.Metodo della collezione JS Findwhere ().

Esempio 1: restituire la prima istanza del modello in base all'attributo usando findwhere ()

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 cinque istanze per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza della collezione di colection Flower. E aggiungeremo le istanze del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().

Ora specificheremo alcuni attributi dell'istanza del modello per restituirli usando findwhere () tramite JSON.Stringify ().

  1. Ottieni solo la prima istanza del modello in cui Flower_Petals è 9.
  2. Ottieni solo la prima istanza del modello in cui Flower_Name è "Lilly"








Suggerimento Linux





Produzione:

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

Qui, possiamo vedere che ci sono due istanze del modello che corrispondono con Flower_Petals pari a 9. Ma findWhere () restituirà solo la prima istanza del modello.

Ci sono tre istanze del modello che corrispondono a Flower_Name uguali a "Lilly", ma findwhere () restituirà solo la prima istanza del modello.

Esempio 2: restituire la prima istanza del modello in base all'attributo usando findwhere ()

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 cinque istanze per il modello Flowers con tre attributi (Flower_name, Flower_Sepals, Flower_Petals).

Creeremo un Flower_Collection, che è un'istanza per la collezione di colection Flower. E aggiungeremo le istanze del modello di fiori all'istanza di raccolta usando il metodo Add ().

Ora specificheremo alcuni attributi dell'istanza del modello per restituirli utilizzando il metodo FindWhere () tramite JSON.Stringify ().

Ottieni solo la prima istanza del modello in cui Flower_Petals è 90.









Suggerimento Linux





Produzione:

L'edefinito viene restituito per l'attributo fiore_petals = 90 poiché non esiste.

Conclusione

In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo findwhere () nella raccolta. Seleziona solo la prima istanza del modello da una raccolta utilizzando l'attributo specificato al suo interno. Abbiamo usato il metodo findwhere () con JSON.Stringify () per visualizzare le istanze del modello in una raccolta.