Schritt 8: Aktionen ausführen

Am Ende dieses Themas können Sie auf der Seite Komponenten ablegen, die Aktionen in der Komponente ausführen. Dazu wird die Aktionsregistrierung genutzt, die Sie im vorherigen Schritt erstellt haben.

Damit eine Komponente eine Aktion ausführt, muss sie auf die Nachricht EXECUTE_ACTION horchen. Diese Nachricht enthält auch die an die Aktion übergebene Payload, aus der Sie die erwarteten Werte extrahieren.

Um auf die Nachricht EXECUTE_ACTION zu horchen, bearbeiten Sie die Datei render.js, und aktualisieren Sie das Objekt SampleComponentViewModel mit dem folgenden Eintrag:

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

Wenn die Nachricht EXECUTE_ACTION eingeht, wird die zugehörige Callback-Funktion ausgeführt:

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

Dadurch wird eine JavaScript-Funktion zum Ausführen der Aktion erstellt. Diese wird dann über das Sites-SDK aufgerufen, wenn die Nachricht EXECUTE_ACTION ausgelöst wird.

Die Komponente wird jedes Mal aufgerufen, wenn die Nachricht EXECUTE_ACTION ausgelöst wird. Die Komponente muss dabei so eingerichtet werden, dass sie nur die beabsichtigten Aktionen verarbeitet. Prüfen Sie dazu den Namen der Aktion, um sicherzustellen, dass die Komponente sie verarbeiten kann.

Die Payload für die Aktion ist ein Array aus Werten. In der Regel müssen Sie die für Sie wichtigen Payload-Werte im Array finden.