Krok 9: Vytvoření odlišného názvu pro každou instanci komponenty

V tomto kroku je vysvětlen postup vytváření odlišných názvů pro různé instance komponenty.

Když umístíte svou komponentu na stránku, zjistíte, že na banneru pro komponentu bude uvedeno: A_Local_Component. Pokud uživatel umístí na stránku pouze jednu z vašich komponent, je to v pořádku, budete však možná chtít vytvářet odlišné názvy, aby uživatel mohl rozlišovat mezi různými instancemi vaší komponenty.

K aktualizaci názvu komponenty můžete použít sadu SDK pro weby. V tomto kroku provedete aktualizaci na základě vlastnosti "imageBannerText".

Chcete-li aktualizovat název, upravte soubor render.js a přidejte tento kód do svého objektu SampleComponentViewModel:

self.updateDescription = ko.computed(function () {
  SitesSDK.setProperty('description', self.imageBannerText());
});

Tento výpočet z knihovny Knockout provede aktualizaci popisu vaší komponenty, kdykoli se změní objekt typu Observable imageBannerText.

Kontrola výsledků pro krok 9

  1. Aktualizujte svou stránku na webu, aby nástroj Site Builder mohl provést změny komponenty.

  2. Uveďte stránku do režimu úprav.

  3. Umístěte svou komponentu na stránku.

  4. Vyvolejte panel Nastavení pro svou komponentu.

  5. Klikněte na tlačítko Vlastní nastavení.

  6. Změňte nastavení položky Banner obrázku na volbu Pracovní prostor.

  7. Zavřete panel Nastavení a umístěním ukazatele myši nad komponentu zobrazte banner.

    Nyní by se měl zobrazit text A_Local_Component Pracovní prostor.

Pokračujte částí Krok 10: Používání vnořených komponent s přímými úpravami.