Ez a lépés bemutatja, hogy hogyan hozhat létre egyedi címeket összetevőjének különböző példányaihoz.
Amikor összetevőjét az oldalra húzza, megfigyelheti, hogy az összetevő szalagcíme a következő: A_Local_Component. Bár ez megfelelő, ha a felhasználó az összetevők közül csak egyet húz át az oldalra, előfordulhat, hogy egyedi címeket kíván létrehozni, hogy a felhasználó különbséget tudjon tenni az összetevő példányai között.
Az összetevőhöz tarozó cím módosításához a Sites SDK készletet használhatja. Ebben a lépésben az "imageBannerText" tulajdonság alapján hajtja végre a módosítást.
A cím módosításához szerkessze a render.js fájlt, és vegye fel a következő kódot a SampleComponentViewModel objektumba:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Ez a Knockout számítás módosítani fogja az összetevőhöz tartozó leírást, amikor a imageBannerText observable (megfigyelhető) elem megváltozik.
A 9. lépéshez tartozó eredmények ellenőrzése
Frissítse az oldalt webhelyén, így a Site Builder át tudja venni az összetevő módosításait.
Jelenítse meg az oldalt szerkesztési módban.
Húzza át összetevőjét az oldalra.
Nyissa meg az összetevőhöz tartozó Beállítások panelt.
Kattintson az Egyéni beállítások gombra.
Módosítsa az Image Banner beállítást Workplace értékűre.
Zárja be a Beállítások panelt, és a szalagcím megjelenítéséhez vigye az egérmutatót az összetevő fölé.
Ekkor az A_Local_Component Workplace szövegnek kell megjelennie.
A következő témakör: 10. lépés: Beágyazott összetevők használata közvetlen szerkesztéssel.