Handledningsöversikt

I den här handledningen får du en översikt över hur du skapar en anpassad komponent med en Knockout-komponentfabrik.

Det huvudsakliga syftet med den här handledningen är att du med hjälp av det här mönstret kan skapa valfri anpassad komponent genom att bara uppdatera JavaScript-objekten SampleComponentViewModel och sampleComponentTemplate. Objekten sampleComponentFactory och SampleComponentImpl har inte förändrats under din genomgång av handledningen. Du kunde implementera dessa ändringar utan att behöva hantera att kommunicera med sidan, och du kunde utföra följande uppgifter:

  • Kommunicera ändringar från inställningspanelen till komponenten och göra dessa ändringar beständiga.

  • Exekvera triggrar och åtgärder samt interagera med andra komponenter på sidan.

  • Skapa layouter och dra nytta av kapslade komponenter.

  • Definiera komponentspecifika format.

I det här exemplet delas den anpassade komponenten visserligen upp i ett antal filer, men detta gjordes för handledningens tydlighets skull. För optimering bör du överväga att paketera filerna på lämpligt sätt för att undvika flera nedladdningar.

Slutligen gäller att även om den här handledningen är lämplig för Knockout-baserade komponenter, så måste du, om du vill skapa anpassade komponenter med hjälp av någon annan JavaScript-teknikstack, t.ex. AngularJS, implementera om objektet SampleComponentImpl för att skapa motsvarande kommunikation med det ramverket jämte en teknikspecifik implementering av den faktiska komponenten. Sådant arbete ligger utanför den här handledningens omfattning.