Trinn 9: Opprette en distinkt tittel for hver forekomst av komponenten

Dette trinnet forklarer hvordan du oppretter distinkte titler for ulike forekomster av komponenten din.

Når du slipper komponenten på siden, kan du se at banneret for komponenten har teksten A_Local_Component. Dette er greit hvis brukeren bare slipper én av komponentene på siden, men det kan være lurt å opprette distinkte titler, slik at brukeren kan skille mellom ulike forekomster av komponenten.

Du kan bruke SDK-et for områder til å oppdatere tittelen for komponenten. I dette trinnet skal du oppdatere den basert på egenskapen "imageBannerText".

Når du skal oppdatere tittelen, redigerer du filen render.js og legger til denne koden i objektetSampleComponentViewModel:

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

Denne Knockout-behandlingen oppdaterer beskrivelsen av komponenten når det observerbare objektet imageBannerText blir endret.

Kontrollere resultatene for trinn 9

  1. Oppfrisk siden på området ditt slik at områdebyggeren kan plukke opp endringer av komponenten.

  2. Sett siden i redigeringsmodus.

  3. Slipp komponenten på siden.

  4. Åpne ruten Innstillinger for komponenten.

  5. Klikk på knappen Egendefinerte innstillinger.

  6. Endre Bildebanner til Workspace.

  7. Lukk ruten Innstillinger, og beveg musepekeren over komponenten slik at du ser banneret.

    Nå skal du se A_Local_Component Workplace.

Gå videre til Trinn 10: Bruke nøstede komponenter med linjebundet redigering.