Stap 8: Acties uitvoeren

Aan het einde van dit onderwerp kunt u componenten op de pagina neerzetten waarmee acties binnen de component worden uitgevoerd. Hierdoor wordt de actieregistratie benut die u bij de vorige stap hebt gemaakt.

Een component moet luisteren naar het bericht EXECUTE_ACTION om een actie uit te kunnen voeren. Dit bericht omvat ook de payload die wordt doorgegeven aan de actie, waaruit u de verwachte waarden moet extraheren.

Om te luisteren naar het bericht EXECUTE_ACTION bewerkt u het bestand render.js en werkt u het object SampleComponentViewModel bij met de volgende invoer:

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

Wanneer het bericht EXECUTE_ACTION is ontvangen, wordt de bijbehorende callbackfunctie uitgevoerd:

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

Hiermee wordt een JavaScript-functie gemaakt om de actie uit te voeren. Vervolgens wordt de Sites SDK gebruikt om de functie aan te roepen wanneer het bericht EXECUTE_ACTION wordt gegenereerd.

De component wordt aangeroepen wanneer een EXECUTE_ACTION-bericht wordt gegenereerd, en door de component worden alleen acties afgehandeld waarvoor de component is ontworpen. Hiervoor moet u de naam van de actie controleren om er zeker van te zijn dat deze met de component kan worden afgehandeld.

De payload voor de actie is een array van waarden. Doorgaans moet u de payloadwaarden die u wilt hebben in de array zoeken.