Krok 8: Spuštění akcí

Na konci tohoto tématu budete umět umístit na stránku komponenty, které budou spouštět akce ve vaší komponentě. K tomu je využívána registrace akcí, kterou jste vytvořili v předchozím kroku.

Komponenta může provést akci, pouze pokud sleduje zprávu EXECUTE_ACTION. Tato zpráva také obsahuje datovou část, která bude předána akci, z níž budete extrahovat očekávané hodnoty.

Chcete-li sledovat zprávu EXECUTE_ACTION, upravte soubor render.js a aktualizujte objekt SampleComponentViewModel následující položkou:

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

Po přijetí zprávy EXECUTE_ACTION bude spuštěna přiřazená funkce zpětného volání:

    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ím dojde k vytvoření funkce jazyka JavaScript pro provedení akce a poté k použití sady SDK pro weby k volání funkce při každém vyvolání zprávy EXECUTE_ACTION.

Komponenta bude volána při každém vyvolání zprávy EXECUTE_ACTION a je na komponentě, aby zpracovala pouze ty akce, které mají být zpracovány. K tomu je nutné zkontrolovat název akce, a ujistit se tak, že se jedná o akci, kterou může komponenta zpracovat.

Datová část pro akci je pole hodnot. Obvykle bude potřebné vyhledat v poli hodnoty datové části, na kterých vám záleží.