I dette trin bliver det forklaret, hvordan du opretter distinkte titler til forskellige instanser af din komponent.
Når du placerer din komponent på siden, har du kunnet se, at teksten for banneret til din komponent er: A_Local_Component. Dette er ikke et problem, hvis brugeren kun placerer en af dine komponenter på siden, men ellers kan du med fordel oprette distinkte titler, så brugeren kan skelne mellem forskellige forekomster af komponenten.
Du kan bruge Sites SDK til at opdatere komponentens titel. I dette trin opdaterer du den baseret på egenskaben "imageBannerText".
Opdater titlen ved at redigere render.js-filen og føje denne kode til objektet SampleComponentViewModel:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Denne Knockout-udregning opdaterer beskrivelsen til din komponent, hver gang det observerbare imageBannerText-objekt ændres.
Kontroller resultaterne for trin 9
Opfrisk din side på sitet, så Site Builder kan hente ændringer af komponenten.
Skift til redigeringstilstand for siden.
Placer din komponent på siden.
Åbn panelet Indstillinger for komponenten.
Klik på knappen Tilpassede indstillinger.
Ændr Billedbanner til Arbejdsplads.
Luk panelet Indstillinger, og hold markøren hen over din komponent for at se banneret.
Nu bør A_Local_Component Workplace blive vist.
Fortsæt til Trin 10: Bruge indlejrede komponenter med inline-redigering.