Trinn 8: Utføre handlinger

Når du har gjennomgått dette emnet, er du i stand til å slippe komponenter på siden som utfører handlinger i komponenten din. Handlingsregistreringen du opprettet i forrige trinn, benyttes her.

Når en komponent skal utføre en handling, må den lytte etter meldingen EXECUTE_ACTION. Denne meldingen inneholder også nyttelasten som er sendt til handlingen, som du skal trekke ut de forventede verdiene fra.

Når du skal lytte etter meldingen EXECUTE_ACTION, redigerer du filen render.js og oppdaterer objektet SampleComponentViewModel med følgende oppføring:

SitesSDK.subscribe('EXECUTE_ACTION', $.proxy(self.executeActionsListener, self));

Når meldingen EXECUTE_ACTION mottas, utføres den tilknyttede tilbakekallfunksjonen:

    self.executeActionsListener = function (args) {
      // get action and payload
      var payload = args.payload,
      action = args.action;

      // handle 'setImageWidth' actions
      if (action && action.actionName === 'setImageWidth') {
        $.each(payload, function(index, data) {
          if (data.name === 'imageWidth') {
            self.imageWidth(data.value);
          }
        });
      }
    }

Det opprettes en JavaScript-funksjon for å utføre handlingen. Deretter brukes SDK-et for områder til å kalle opp funksjonen når meldingen EXECUTE_ACTION initieres.

Komponenten kalles hver gang meldingen EXECUTE_ACTION initieres, og det er opp til komponenten om den bare behandler handlingene den er utformet for å behandle. Derfor må du kontrollere navnet på handlingen, slik at du er sikker på at komponenten kan behandle den.

Nyttelasten for handlingen er en matrise med verdier. Du må vanligvis hente de ønskede nyttelastverdiene fra matrisen.