Krok 8: Vykonávanie akcií

Na konci tejto témy budete môcť presunúť komponenty na stránku, ktorá vykonáva akcie v rámci komponentu. Využíva sa pritom registrácia akcií vytvorená v predchádzajúcom kroku.

Na to, aby mohol komponent spustiť akciu, musí prijať správu EXECUTE_ACTION. Táto správa obsahuje aj payload odovzdaný do akcie, z ktorého extrahujete očakávané hodnoty.

Ak chcete prijať správu EXECUTE_ACTION, upravte súbor render.js a aktualizujte objekt SampleComponentViewModel touto položkou:

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

Po prijatí správy EXECUTE_ACTION sa spustí súvisiaca funkcia spätného volania:

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

Týmto sa vytvorí funkcia JavaScript na vykonanie akcie. Potom sa použije súprava Sites SDK na volanie funkcie pri každom vyvolaní správy EXECUTE_ACTION.

Komponent bude volaný vždy, keď sa vráti správa EXECUTE_ACTION, a záleží na komponente, či spracuje len akcie, pre ktoré bol navrhnutý. Na to je potrebné skontrolovať názov akcie, či ide o akciu, ktorú komponent dokáže spracovať.

Payloadom akcie je pole hodnôt. V tomto poli bude potrebné nájsť hodnoty payloadu, ktoré potrebujete.