Шаг 8. Выполнение действий

После прохождения этой темы вы сможете перетаскивать компоненты на страницу, на которой действия выполняются в пределах компонента. Это позволяет использовать регистрацию действий, созданную в ходе выполнения предыдущего шага.

Чтобы выполнить действие, компонент должен прослушивать сообщение EXECUTE_ACTION. Это сообщение также включает передаваемые действию полезные данные, из которых необходимо извлечь ожидаемые значения.

Чтобы прослушивать сообщение EXECUTE_ACTION, измените файл render.js и обновите объект SampleComponentViewModel с учетом следующей записи:

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

При получении сообщения EXECUTE_ACTION выполняется соответствующая функция обратного вызова:

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

В результате создается функция JavaScript для выполнения действия, а затем используется комплект Sites SDK для вызова функции при появлении сообщения EXECUTE_ACTION.

Данный компонент вызывается при любом появлении сообщения EXECUTE_ACTION, и компонент обрабатывает только те действия, для обработки которых он предназначен. Для этого необходимо проверить имя действия, чтобы убедиться, что это то действие, которое компонент может обработать.

Полезные данные для действия — это набор значений. Как правило, значения полезных данных должны быть указаны в массиве.