Etap 9: Tworzenie osobnego tytułu dla każdego wystąpienia składnika

Wyjaśniono tu, jak można tworzyć osobne tytuły dla różnych wystąpień składnika

Gdy składnik zostanie przeciągnie na stronę, jego baner będzie zawierał napis A_Local_Component. Jest to akceptowalne, jeśli użytkownik przeciąga na stronę tylko jedno wystąpienie składnika; jeśli jednak jest ich przeciąganych kilka wystąpień składnika, to użytkownik może — aby je rozróżniać — nadawać im różne tytuły.

Tytuł składnika można zaktualizować za pomocą pakietu Sites SDK. Tutaj zaktualizujemy tytuł, używając właściwości "imageBannerText".

Aby zaktualizować tytuł, należy otworzyć plik render.js do edycji, po czym dodać do obiektu SampleComponentViewModel następujący kod:

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

To obliczenie Knockout zaktualizuje opis składnika, gdy obiekt "observable" imageBannerText ulegnie zmianie.

Sprawdzanie wyników dla etapu 9

  1. Aby konstruktor serwisów mógł pobrać zmiany do składnika, odświeżyć stronę serwisu.

  2. Przełączyć stronę do trybu edycji.

  3. Przeciągnąć składnik na stronę.

  4. Wyświetlić panel "Ustawienia" składnika.

  5. Nacisnąć przycisk Ustawienia niestandardowe.

  6. Zmienić Baner obrazu na Workplace.

  7. Zamknąć panel "Ustawienia", po czym umieścić wskaźnik myszy na składniku, aby wyświetlić baner.

    Powinien być wyświetlany baner z napisem A_Local_Component Workplace.

Kontynuacja: Etap 10: Używanie zagnieżdżonych składników z funkcjami edycji miejscowej.