Esta etapa explica como criar títulos distintos para diferentes instâncias de seu componente.
Quando você soltar seu componente na página, vai notar que o banner do componente é: A_Local_Component. Embora seja apropriado se o usuário apenas soltar um dos componentes na página, convém criar títulos distintos para que o usuário possa diferenciar entre as diversas instâncias do componente.
Você pode usar o SDK de Sites para atualizar o título do componente. Nesta etapa, você vai atualizá-lo com base na propriedade "imageBannerText".
Para atualizar o título, edite o arquivo render.js e adicione esse código ao objeto SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Esse cálculo do Knockout atualizará a descrição do componente sempre que o elemento observável imageBannerText for alterado.
Verificar os Resultados da Etapa 9
Atualize sua página no site para que o Site Builder possa selecionar as alterações no componente.
Coloque a página no modo de Edição.
Solte seu componente na página.
Abra o painel Definições no seu componente.
Clique no botão Definições Personalizadas.
Altere o Banner da Imagem para Workplace.
Feche o painel Definições e passe o cursor do mouse sobre o componente para mostrar o banner.
Você deverá ver agora a exibição de A_Local_Component Workplace.
Continue em Etapa 10: Usar Componentes Aninhados com Edição em Linha.