Passo 8: Eseguire le azioni

Alla fine di questo argomento si sarà in grado di rilasciare sulla pagina i componenti che eseguono le azioni all'interno del componente. Viene sfruttata la registrazione delle azioni creata nel passo precedente.

Affinché possa eseguire un'azione, un componente deve ascoltare il messaggio EXECUTE_ACTION. Questo messaggio include anche il payload passato all'azione da cui verranno estratti i valori previsti.

Per ascoltare il messaggio EXECUTE_ACTION, modificare il file render.js e aggiornare l'oggetto SampleComponentViewModel con l'istruzione seguente:

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

Alla ricezione del messaggio EXECUTE_ACTION viene eseguita la funzione callback associata:

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

Questo frammento di codice crea una funzione JavaScript per eseguire l'azione, quindi utilizza il kit Sites SDK per chiamare la funzione a ogni riproduzione del messaggio EXECUTE_ACTION.

Il componente verrà chiamato a ogni riproduzione del messaggio EXECUTE_ACTION e dipende dal componente gestire solo le azioni per le quali è stato progettato. A tale scopo è necessario verificare il nome dell'azione per assicurarsi che si tratti di un'azione che il componente è in grado di gestire.

Il payload per l'azione è un array di valori. In genere è necessario trovare i valori di payload a cui si è interessati dall'array.