In diesem Tutorial erhalten Sie einen Überblick, wie Sie eine benutzerdefinierte Komponente mit einer Knockout Component Factory erstellen.
In erster Linie soll dieses Tutorial Ihnen vermitteln, dass Sie mit diesem Muster jede benutzerdefinierte Komponente erstellen können, indem Sie einfach die JavaScript-Objekte SampleComponentViewModel
und sampleComponentTemplate
aktualisieren. Die Objekte sampleComponentFactory
und SampleComponentImpl
haben sich beim Durchlaufen des Tutorials nicht verändert. Sie konnten diese Änderungen ohne Kommunikation mit der Seite implementieren und die folgenden Aufgaben ausführen:
Änderungen aus dem Einstellungsbereich an die Komponente kommunizieren und persistieren.
Trigger und Aktionen ausführen und mit anderen Komponenten auf der Seite interagieren.
Layouts erstellen und verschachtelte Komponenten verwenden.
Komponentenspezifische Stile definieren.
In diesem Beispiel wurde die benutzerdefinierte Komponente in mehrere Dateien aufgeteilt. Dies diente in diesem Tutorial aber lediglich zur Verdeutlichung. Zur Optimierung sollten Sie die Dateien angemessen verpacken, um mehrere Downloads zu vermeiden.
Dieses Tutorial eignet sich für Knockout-basierte Komponenten. Wenn Sie aber benutzerdefinierte Komponenten mit einem anderen JavaScript-Technologiestack, wie AngularJS, erstellen möchten, müssen Sie das Objekt SampleComponentImpl
erneut implementieren, um die entsprechende Kommunikation mit diesem Framework und eine technologiespezifische Implementierung der tatsächlichen Komponente zu erstellen. Diese Aufgaben sind nicht Teil dieses Tutorials.