Tento krok vysvetľuje, ako vytvoriť samostatné názvy pre rôzne inštancie komponentu.
Keď myšou presuniete komponent na stránku, môžete si všimnúť, že na banneri komponentu je uvedené: A_Local_Component. Toto je v poriadku, ak používateľ presunie na stránku len jeden z komponentov. Možno ale budete chcieť vytvoriť odlišné názvy, ktoré používateľovi pomôžu rozlišovať medzi rôznymi inštanciami komponentu.
Na aktualizáciu názvu komponentu môžete použiť súpravu Sites SDK. V tomto kroku názov aktualizujete na základe vlastnosti "imageBannerText".
Ak chcete názov aktualizovať, upravte súbor render.js a do objektu SampleComponentViewModel pridajte tento kód:
self.updateDescription = ko.computed(function () {
SitesSDK.setProperty('description', self.imageBannerText());
});
Tento výpočet Knockout aktualizuje popis komponentu vždy, keď sa zmení pozorovaný objekt observable imageBannerText.
Kontrola výsledkov pre krok 9
Obnovte stránku na svojej lokalite, aby generátor lokalít mohol vybrať zmeny komponentu.
Otvorte stránku v režime úprav.
Myšou presuňte komponent na stránku.
Otvorte panel Nastavenia pre váš komponent.
Kliknite na tlačidlo Vlastné nastavenia.
Položku Image Banner zmeňte na Workplace.
Zatvorte panel Nastavenia a kurzor podržte nad komponentom, aby sa zobrazil banner.
Teraz by ste mali vidieť zobrazený text A_Local_Component Workplace.
Pokračujte na Krok 10: Používanie vnorených komponentov s úpravou v riadku.