Este passo explica o modo como criar títulos distintos para instâncias diferentes do seu componente.
Quando larga o seu componente na página, irá reparar que o cabeçalho do seu componente mostrará: A_Local_Component. Enquanto esta situação for possível se o utilizador largar apenas um dos seus componentes na página, poderá pretender criar títulos distintos para que o utilizador possa distinguir entre diferentes instâncias do seu componente.
Pode utilizar o Sites SDK para atualizar o título para o componente. Neste passo, irá atualizá-lo com base na propriedade "imageBannerText".
Para atualizar o título, edite o ficheiro render.js e acrescente este código ao seu objeto SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Esta computação Knockout atualizará a descrição para o seu componente sempre que o elemento observável imageBannerText for alterado.
Verificar os Resultados para o Passo 9
Renove a sua página no site para que o Criador de Sites possa escolher alterações para o componente.
Apresente a página no modo de edição.
Largue o seu componente na página.
Abra o painel Definições com o seu componente.
Clique no botão Definições Customizadas.
Altere o Cabeçalho da Imagem para Local de Trabalho.
Feche o painel Definições e passe o cursor sobre o seu componente para mostrar o cabeçalho.
Deverá ver agora A_Local_Component Workplace.
Avance para Passo 10: Utilizar Componentes Encadeados com a Edição Inline.