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.