Pasul 9: Crearea unui titlu distinct pt. fiecare instanţă a componentei

Acest pas explică modul de creare de titluri distincte pt. diferite instanţe ale componentei dvs.

Atunci când plasaţi componenta pe pagină, veţi observa că bannerul componentei afişează: A_Local_Component. Deşi este în regulă dacă utilizatorul plasează pe pagină una dintre componentele dvs., este bine să creaţi titluri distincte, pt. ca utilizatorul să poată distinge între diferitele instanţe ale componentei dvs.

Puteţi utiliza Sites SDK pt. a actualiza titlul componentei. În acest pas, îl veţi actualiza pe baza proprietăţii "imageBannerText".

Pt. a actualiza titlul, editaţi fişierul render.js şi adăugaţi acest cod la obiectul SampleComponentViewModel:

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

Acest calcul Knockout va actualiza descrierea componentei ori de câte ori se modifică imageBannerText observabil.

Verificaţi rezultatele de la pasul 9

  1. Reîncărcaţi pagina din site-ul dvs., astfel ca Generatorul de site-uri să poată prelua modificările aduse componentei.

  2. Treceţi pagina în modul Editare.

  3. Plasaţi componenta pe pagină.

  4. Aduceţi panoul Setări în dreptul componentei dvs.

  5. Faceţi clic pe butonul Setări personalizate.

  6. Modificaţi Banner imagine în Workplace.

  7. Închideţi panoul Setări şi treceţi cursorul deasupra componentei pt. a afişa bannerul.

    Acum ar trebui să vedeţi afişat A_Local_Component Workplace.

Continuaţi cu Pasul 10: Utilizarea componentelor imbricate cu editare în linie.