本教程概述了如何使用 Knockout 组件工厂创建定制组件。
本教程的主要目的是,使用此模式,您只需更新 SampleComponentViewModel
和 sampleComponentTemplate
JavaScript 对象即可创建任何定制组件。您浏览本教程时,sampleComponentFactory
and SampleComponentImpl
对象未进行更改。您能够实施这些更改,而不必处理与页的通信,并能够执行以下任务:
将更改从“设置”面板传送到组件,并保持这些更改。
执行触发器和操作,并与页上的其他组件交互。
创建布局并利用嵌套组件。
定义特定于组件的样式。
虽然此示例将定制组件拆分为许多文件,但这是为了使本教程更清晰。为了进行优化,您应该考虑适当地打包您的文件,以避免多次下载。
最后,虽然本教程适用于基于 Knockout 的组件,但是如果您要使用其他 JavaScript 技术堆栈(例如 AngularJS)创建定制组件,则必须重新实施 SampleComponentImpl
对象来创建与该框架的相应通信,以及实际组件的特定于技术的实施。此工作不在本教程的范围内。