Spina dorsale.Collezione JS.Metodo pluck
In questa spina dorsale.JS Framework Tutorial, discuteremo del metodo Pluck () 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à precedenti, possiamo creare ed eseguire operazioni diverse sui dati forniti in un'applicazione Web.
Punti da ricordare
- È usato con JavaScript.
- Possiamo implementare il framework all'interno del tag.
- Questo framework supporta i metodi e le funzioni JavaScript come l'output e l'input di lettura.
- Il tag è posizionato all'interno del tag o in tag.
- È importante avere collegamenti CDN (Content Delivery Network) per eseguire l'applicazione Web sul server.
Vediamo la struttura per posizionare il codice
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
I collegamenti CDN sono posizionati con l'attributo SRC del tag script.
Collegamenti CDN
| 1 2 3 |
Il metodo pluck () in spina dorsale.Collezione JS utilizzata per restituire l'attributo dall'istanza del modello indicata in una raccolta.
Sintassi:
| 1 | Collection_Object.Pluck (attributo) |
Ci vuole un parametro.
Il parametro attributo è la proprietà del modello.
Approccio
1. Crea un modello di spina dorsale usando il metodo Extent ().
Sintassi:
| 1 | var modelclass = spina dorsale.Modello.estendere(); |
2. Crea una raccolta di backbone utilizzando il metodo Extent () e passa la classe del modello.
Sintassi:
| 1 2 3 4 5 | var collectionclass = backbone.Collezione.estendere( Modello: ModelClass ); |
3. Crea un oggetto o un'istanza per la classe di raccolta.
Sintassi:
| 1 | var collection_instance = new CollectionClass (); |
4. Esplora il metodo Pluck () nella spina dorsale.Collezione JS.
Discutiamo di diversi esempi della spina dorsale.Metodo JS Collection Pluck ().
Esempio 1: attributo di restituzione usando il metodo Pluck ()
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 FlowerCollection. E aggiungeremo le istanze del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().
Ora otterremo tutti gli attributi usando pluck () in una collezione.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | Suggerimento Linux |
Produzione:
Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.
Qui, abbiamo restituito tutti gli attributi usando il metodo Pluck ().
Esempio 2: attributo di ritorno usando il metodo pluck ()
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 di colection Flower. E aggiungeremo l'istanza del modello di fiori all'istanza di raccolta utilizzando il metodo Add ().
Ora otterremo tutti gli attributi usando il metodo Pluck () in una raccolta.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | Suggerimento Linux |
Produzione:
Esegui l'applicazione nel browser salvando il codice nel file con .HTML come estensione.
Qui, abbiamo restituito tutti gli attributi usando il metodo Pluck ().
Conclusione
In questa spina dorsale.JS Tutorial, abbiamo discusso del metodo Pluck () in una raccolta. Viene utilizzato per selezionare gli attributi. Se ci sono più istanze del modello in una raccolta, verranno restituiti separati da una virgola.