Tässä vaiheessa kerrotaan, kuinka voit luoda erilliset otsikot komponenttisi erin instansseille.
Kun pudotat komponenttisi sivulle, komponentin otsikkokuvassa lukee A_Local_Component. Tämä toimii hyvin, jos käyttäjä pudottaa sivulle vain yhden komponentin. Kannattaa kuitenkin luoda erillisiä otsikoita, jotta käyttäjät erottavat tarvittaessa komponentin eri instanssit.
Voit päivittää komponentin otsikon sivustojen SDK:n avulla. Tässä vaiheessa voit päivittää sen "imageBannerText"-ominaisuuden perusteella.
Voit päivittää otsikon muokkaamalla render.js-tiedostoa ja lisäämällä SampleComponentViewModel-objektiin tämän koodin:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Tämä Knockout-laskenta päivittää komponenttisi kuvauksen aina, kun havaittavaa imageBannerText-parametria muutetaan.
Tarkista vaiheen 9 tulokset
Päivitä sivustossasi oleva sivu, jotta sivustonluontiohjelma voi poimia komponenttiin tehdyt muutokset.
Aseta sivu muokkaustilaan.
Vedä komponenttisi sivulle.
Avaa komponentin Asetukset-paneeli.
Napsauta Mukautetut asetukset -painiketta.
Muuta Image Banner -kohdan arvoksi Workplace.
Sulje Asetukset-paneeli ja tuo otsikkokuva näkyviin siirtämällä hiiren kohdistin komponentin kohdalle.
Näkyviin pitäisi tulla A_Local_Component Workplace.
Jatka kohtaan Vaihe 10: sisäkkäisten komponenttien käyttö rivinsisäisessä muokkauksessa.