Med denne opplæringen får du en oversikt over hvordan du oppretter en tilpasset komponent ved hjelp av en Knockout Component Factory.
Hovedhensikten med denne opplæringen er å vise at ved å bruke dette mønsteret kan du opprette en hvilken som helst egendefinert komponent bare ved å oppdatere JavaScript-objektene SampleComponentViewModel
og sampleComponentTemplate
. Objektene sampleComponentFactory
og SampleComponentImpl
ble ikke endret mens du gjennomgikk opplæringen. Du kunne implementere disse endringene uten å måtte kommunisere med siden, og du kunne utføre disse oppgavene:
Kommuniser endringer fra ruten Innstillinger til komponenten, og oppretthold disse endringene.
Utfør triggere og handlinger, og samhandle med andre komponenter på siden.
Opprett oppsett, og dra nytte av nøstede komponenter.
Definer komponentspesifikke stiler.
I dette eksemplet ble den egendefinerte komponenten delt opp i en rekke filer, men det var bare for å tydeliggjøre opplæringen. Du kan optimalisere prosessen ved å pakke filene på en mer hensiktsmessig måte, slik at du unngår flere nedlastinger.
Til slutt vil vi gjøre oppmerksom på at denne opplæringen er egnet for Knockout-baserte komponenter, men hvis du vil opprette egendefinerte komponenter ved hjelp av en annen JavaScript-teknologistakk, for eksempel AngularJS, må du implementere objektet SampleComponentImpl
på nytt slik at det opprettes tilsvarende kommunikasjon med dette rammeverket, i tillegg til en teknologispesifikk implementering av den faktiske komponenten. Dette arbeidet dekkes ikke av denne opplæringen.