In deze zelfstudie wordt uitgelegd hoe u een aangepaste component maakt met behulp van een Knockout Component Factory.
Het hoofddoel van deze zelfstudie is dat u op basis van dit patroon elke willekeurige aangepaste component kunt maken door alleen de JavaScript-objecten SampleComponentViewModel
en sampleComponentTemplate
bij te werken. De objecten sampleComponentFactory
en SampleComponentImpl
zijn niet gewijzigd terwijl u de zelfstudie doorliep. U kon deze wijzigingen implementeren zonder met de pagina te hoeven communiceren en u hebt geleerd hoe u deze taken moet uitvoeren:
Wijzigingen vanaf het instellingenpaneel doorgeven aan de component en de wijzigingen vervolgens vasthouden
Triggers en acties uitvoeren en interactie uitvoeren op andere componenten op de pagina
Lay-outs maken en geneste componenten gebruiken
Componentspecifieke stijlen definiëren
In dit voorbeeld zijn de aangepaste componenten omwille van de duidelijkheid van de zelfstudie uitgesplitst in een aantal bestanden. Met het oog op de optimalisatie kunt u het beste uw bestanden in een pakket opnemen om meerdere downloads te voorkomen.
Ten slotte is deze zelfstudie geschikt voor componenten op basis van Knockout. Als u aangepaste componenten wilt maken met een andere JavaScript-technologiestack zoals AngularJS, moet u hetzelfde SampleComponentImpl
-object opnieuw implementeren om de bijbehorende communicatie met dat framework te maken samen met een technologiespecifieke implementatie van de component zelf. Die werkzaamheden gaan echter verder dan deze zelfstudie.