I det här steget beskrivs hur du skapar unika titlar för olika instanser av komponenten.
När du släpper komponenten på sidan har du lagt märke till att banderollen för komponenten lyder: A_Local_Component. Även om det här går bra om användaren bara släpper en av komponenterna på sidan, kanske du vill skapa unika titlar, så att användaren kan skilja mellan olika instanser av komponenten.
Du kan använda SDK:t för webbplatser för att uppdatera titeln för komponenten. I det här steget ska du uppdatera den baserat på egenskapen "imageBannerText".
Du uppdaterar titeln genom att redigera filen render.js och lägga till följande kod i objektet SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Den här Knockout-beräkningen uppdaterar beskrivningen för komponenten närhelst det observerbara elementet imageBannerText förändras.
Kontrollera resultaten för steg 9
Förnya sidan på webbplatsen så att webbplatsverktyget kan hämta ändringar av komponenten.
Ta sidan till redigeringsläge.
Släpp komponenten på sidan.
Öppna panelen Inställningar mot komponenten.
Klicka på knappen Anpassade inställningar.
Ändra Bildbanderoll till Workplace.
Stäng inställningspanelen och håll muspekaren över komponenten för att visa banderollen.
Du bör nu se att A_Local_Component Workplace visas.
Fortsätt till Steg 10: Använd kapslade komponenter med infogad redigering.