Este tutorial dá a você uma visão geral de como criar um componente personalizado usando uma Factory de Componentes do Knockout.
A finalidade principal deste tutorial é que, ao usar esse padrão, você pode criar qualquer componente personalizado apenas atualizando os objetos JavaScript SampleComponentViewModel e sampleComponentTemplate. Os objetos sampleComponentFactory e SampleComponentImpl foram alterados conforme você percorreu o tutorial. Fomos capazes de implementar essas alterações sem precisar lidar com a comunicação com a página e conseguimos executar estas tarefas:
Comunicar as alterações do painel Definições para o componente e ter as alterações persistidas.
Executar triggers e ações, além de interagir com outros componentes da página.
Criar layouts e utilizar componentes aninhados.
Definir estilos específicos do componente.
Embora esse exemplo tenha dividido o componente personalizado em vários arquivos, isso foi usado para dar mais clareza ao tutorial. Para fins de otimização, você deverá considerar a compactação apropriada dos arquivos para evitar muitos downloads.
Por último, embora este tutorial seja adequado para componentes baseados no Knockout, se você quiser criar componentes personalizados usando outra pilha de tecnologia JavaScript, como AngularJS, reimplemente o objeto SampleComponentImpl para criar a comunicação correspondente com essa estrutura em conjunto com uma implementação do componente real de tecnologia específica. Esse trabalho está fora do escopo deste tutorial.