Trin 8: Udføre handlinger

Når du er færdig med dette emne, kan du slippe komponenter på den side, der udfører handlinger i komponenten. Her bruges den handlingsregistrering, som du oprettede i forrige trin.

For at en komponent kan udføre en handling, skal den lytte efter meddelelsen EXECUTE_ACTION. Denne meddelelse omfatter også det payload, der videregives til handlingen, og hvorfra du skal udtrække de forventede værdier.

Hvis der skal lyttes efter meddelelsen EXECUTE_ACTION, skal du redigere filen render.js og opdatere objektet SampleComponentViewModel med følgende post:

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

Når meddelelsen EXECUTE_ACTION modtages, udføres den tilknyttede callback-funktion:

    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);
          }
        });
      }
    }

Dette opretter en JavaScript-funktion til udførelse af handlingen og bruger derefter Sites-SDK'et til at kalde funktionen, hver gang meddelelsen EXECUTE_ACTION udløses.

Komponenten kaldes, hver gang der udløses en EXECUTE_ACTION-meddelelse, og det er op til komponenten kun at håndtere handlinger, som den er designet til at håndtere. For at gøre dette skal du kontrollere handlingens navn for at sikre, at det er en, som komponenten kan håndtere.

Payloadet for handlingen er et array af værdier. Du skal normalt finde de ønskede payload-værdier i arrayet.