In questo passo viene spiegato come creare titoli distinti per istanze diverse del componente.
Quando si rilascia il componente sulla pagina, il banner contiene la dicitura A_Local_Component. Sebbene ciò vada bene se l'utente rilascia solo uno dei componenti nella pagina, si potrebbe desiderare creare titoli distinti in modo che l'utente possa distinguere tra le varie istanze del componente.
Per aggiornare il titolo per il componente è possibile utilizzare il kit Sites SDK. Questo passo ne prevede l'aggiornamento in base alla proprietà "imageBannerText".
Per aggiornare il titolo, modificare il file render.js e aggiungere il codice seguente all'oggetto SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Questo calcolo Knockout aggiornerà la descrizione del componente a ogni modifica dell'elemento osservabile imageBannerText.
Controllare i risultati per il passo 9
Aggiornare la pagina nel sito in modo che SiteBuilder possa selezionare le modifiche apportate al componente.
Attivare la modalità Modifica per la pagina.
Rilasciare il componente sulla pagina.
Visualizzare il pannello Impostazioni per il componente.
Fare clic sul pulsante Impostazioni personalizzate.
Modificare il banner dell'immagine impostandolo su Workplace.
Chiudere il pannello Impostazioni e posizionare il cursore sul componente per visualizzare il banner.
Ora dovrebbe essere visualizzato A_Local_Component Workplace.
Continuare con l'argomento Passo 10: Utilizzare componenti nidificati con la modifica in linea.