In deze stap wordt uitgelegd hoe u afzonderlijke titels maakt voor verschillende instances van uw component.
Toen u uw component naar de pagina sleepte en daar neerzette, hebt u gezien dat de banner voor de component de volgende tekst bevatte: Een_lokale_component. Dit is geen probleem als een gebruiker slechts een van uw componenten op de pagina neerzet, maar u wilt wellicht wel verschillende titels maken zodat de gebruiker verschillende instances van uw component kan onderscheiden.
Met behulp van de Sites-SDK kunt u de titel voor de component bijwerken. In deze stap werkt u de titel bij op basis van de eigenschap imageBannerText.
Werk de titel bij door het bestand render.js te bewerken en deze code toe te voegen aan het object SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Met deze Knockout-berekening wordt de beschrijving van uw component bijgewerkt wanneer de variabele imageBannerText wijzigt.
Controleer de resultaten voor stap 9.
Vernieuw uw pagina op uw site, zodat wijzigingen in de component kunnen worden opgehaald met de sitebuilder.
Open de pagina in de bewerkmodus.
Zet uw component neer op de pagina.
Open het paneel 'Instellingen' voor uw component.
Klik op de knop Aangepaste instellingen.
Wijzig Afbeeldingsbanner in Workplace.
Sluit het paneel 'Instellingen' en houd de muis boven uw component om de banner weer te geven.
U ziet nu Een_lokale_component Workplace.
Doorgaan naar Stap 10: Geneste componenten gebruiken bij inline bewerken.