I denne ryggraden.JS Framework Tutorial, vi vil diskutere hvordan du oppretter en samlingsklasse med Extend () -metoden.

Introduksjon

Ryggrad.JS er et rammeverk som brukes til å bygge webapplikasjoner som følger stilen til JavaScript.

Den støtter modeller, hendelser, samlinger, visninger og verktøy.

Ved å bruke noen av de tidligere funksjonalitetene, kan vi opprette og utføre forskjellige operasjoner på de gitte dataene i en webapplikasjon.

Poeng å huske

1. Det brukes med JavaScript.
2. Vi kan implementere rammene inne i taggen.
3. Dette rammeverket støtter JavaScript -metoder og funksjoner som output og leseinngang.
4. Tag er plassert inne i taggen eller i taggen.
5. Det er viktig å ha koblinger av innholdsleveringsnettverk (CDN) for å kjøre webapplikasjonen på serveren.

La oss se strukturen for å plassere koden

CDN -lenker er plassert med SRC -attributtet til skriptetoden.

CDN -lenker

Extend () -metoden brukes til å lage vår egen samling ved å utvide samlingsklassen.

Syntaks:

Ryggrad.Samling.Utvidelse (Egenskaper, ClassProperties)

Parametere:

1. Egenskapsparameter brukes til å gi forekomstegenskaper for den opprettede samlingsklassen.

2. ClassProperties: Klasseegenskaper er knyttet til den opprettede samlingskonstruktørfunksjonen.

Nærme seg

1. Lag en ryggradsmodell ved hjelp av Extend () -metoden.

Syntaks:

var ModelClass = ryggrad.Modell.forlenge();

2. Lag en ryggradssamling ved hjelp av Extend () -metoden og pass Modellklassen.

Syntaks:

var collectionclass = ryggrad.Samling.forlenge(
Modell: ModelClass
);

3. Lag et objekt eller forekomst for samlingsklassen.

Syntaks:

var collection_instance = new CollectionClass ();

Eksempel

I dette eksemplet vil vi lage en modal klasse som heter - Blomster og lage en FlowerCollection Collection -klasse. Vi vil passere modellklassen vår (blomster) inni den.

Etter det må vi lage fem forekomster for Flowers -modellen med tre attributter (Flower_name, Flower_sepals, Flower_petals).

Vi vil lage en Flower_Collection som er en forekomst av FlowerCollection Collection. Og vi vil legge til forekomster av blomstermodellen i samlingsinstansen ved hjelp av ADD () -metoden.

Nå får vi alle attributtene ved hjelp av pluck () -metoden i en samling.

Linux hint

Produksjon:

Kjør applikasjonen i nettleseren din ved å lagre koden i filen med .HTML som en utvidelse.

Her opprettet vi FlowerCollection i forlengelse av samlingen.Etter det passerte vi blomstermodellen til den.

Konklusjon

I denne ryggraden.JS -opplæring, vi diskuterte hvordan du lager en samling og hvordan du kan overføre modellforekomstene til samlingsobjektet. Etter det viste vi ganske enkelt attributtene ved å bruke plukk () -funksjonen.