このチュートリアルでは、Knockoutコンポーネント・ファクトリを使用して、カスタマイズされたコンポーネントを作成する方法の概要を説明します。
このチュートリアルの主な目的は、このパターンを使用して、SampleComponentViewModelおよびsampleComponentTemplate JavaScriptオブジェクトを更新するだけで、カスタム・コンポーネントを作成することです。sampleComponentFactoryおよびSampleComponentImplオブジェクトは、チュートリアルで確認したとおりに変更されていません。ページとのやり取りを行う必要がない、これらの変更を実装し、次のタスクを実行できました。
変更内容を「設定」パネルからコンポーネントに伝達し、これらの変更内容を維持します。
トリガーおよびアクションを実行し、ページの他のコンポーネントを操作します。
レイアウトを作成し、ネストされたコンポーネントを活用します。
コンポーネント固有のスタイルを定義します。
この例ではカスタム・コンポーネントを複数のファイルに分割していますが、これはチュートリアルをわかりやすくするためです。最適化のために、ファイルを適切にパッケージ化することを検討して複数のダウンロードを回避する必要があります。
最後に、このチュートリアルはコンポーネントに基づいたKnockoutに適切ですが、AngularJSなどの別のJavaScriptテクノロジを使用してカスタム・コンポーネントを作成する場合、SampleComponentImplオブジェクトを再実装して、実際のコンポーネントのテクノロジ固有の実装とともに、フレームワークとの対応する通信を作成する必要があります。この作業は、このチュートリアルの範囲外です。