Steg 8: Exekvera åtgärder

Efter det här avsnittet kan du släppa komponenter på sidan som exekverar åtgärder inom komponenten. Det här drar nytta av den åtgärdsregistrering som du skapade i föregående steg.

För att en komponent ska exekvera en åtgärd måste den lyssna efter meddelandet EXECUTE_ACTION. Det här meddelandet inkluderar även den nyttolast som överförs till åtgärden från vilken du ska extrahera de förväntade värdena.

Om du vill lyssna efter meddelandet EXECUTE_ACTION ska du redigera filen render.js och uppdatera objektet SampleComponentViewModel med följande post:

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

När meddelandet EXECUTE_ACTION tas emot exekveras den associerade återanropsfunktionen:

    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 här skapar en JavaScript-funktion för exekvering av åtgärden, varefter SDK:t för webbplatser används för att anropa funktionen när meddelandet EXECUTE_ACTION visas.

Komponenten anropas när meddelandet EXECUTE_ACTION visas, och det är upp till komponenten att hantera endast de åtgärder som den har utformats för att hantera. För att göra detta måste du kontrollera åtgärdens namn för att säkerställa att komponenten kan hantera den.

Nyttolasten för åtgärden är en uppställning värden. Vanligtvis måste du hitta de nyttolastvärden du är intresserad av från uppställningen.