Шаг 6. Срабатывание триггеров

В ходе выполнения этого шага мы покажем, как срабатывает зарегистрированный триггер.

В любой момент триггеры могут быть вызваны компонентом. Обычно он срабатывает в результате взаимодействия с пользователем, например, если нажать кнопку или выбрать строку в таблице. Однако компонент может вызвать триггер на основе любого критерия, например, при изменении данных из-за вызова REST.

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

В файле render.js обратите внимание на объект SampleComponentViewModel.

Чтобы сработал триггер:

1. Проверьте функцию в объекте SampleComponentViewModel, который вызывает Sites SDK для активации триггера.

   self.raiseTrigger = function (triggerName) {
     SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
       'triggerName': triggerName, 
       'triggerPayload': { 
           'payloadData': 'some data here'
       }
     });
   };

2. Теперь для срабатывания триггера необходимо, чтобы какой-то элемент пользовательского интерфейса вызвал данную функцию. Просмотрите файл render.js и обновите объект sampleComponentTemplate, чтобы получить следующую запись:

        '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +

В объекте SampleComponentViewModel содержится функция JavaScript, которая вызывается, если нажать изображение. Эта функция вызывает Sites SDK, чтобы передать команду на запуск всех действий, определенных для триггера "imageClicked", который представляет собой значение, переданное из привязки click в ходе выполнения шага 2. Она также передает объект triggerPayload с одним полем:payloadData, а также статическое значение "some data here". Эти значения imageClicked и whoAreYou соответствуют значениям в файле appinfo.json, где зарегистрирован триггер (в ходе выполнения предыдущего шага).

В данном примере кода триггер вызывается привязкой данных click и передается в имени триггера imageClicked. В настоящее время существует три варианта рендеринга компонента <scs-image> на основе выбранного пользователем макета. Чтобы убедиться в срабатывании триггера для каждого макета, внесите в файл render.js следующие изменения.

• Активация триггеров из разных макетов. Найдите две записи этого кода:

  '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}">' +

  Измените код на следующее:

  '<div data-bind="attr: {style: imageStyle, \'data-layout\': alignImage()}, click: imageClicked">' +

• Укажите полезные данные, передаваемые триггерам. Измените этот код:

      self.raiseTrigger = function (triggerName) {
        SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
          'triggerName': triggerName,
          'triggerPayload': {
            'payloadData': 'some data here'
          }
        });
      };

  Вместо него используйте этот код:

      self.raiseTrigger = function (triggerName) {
        SitesSDK.publish(SitesSDK.MESSAGE_TYPES.TRIGGER_ACTIONS, {
          'triggerName': triggerName,
          'triggerPayload': {
            'payloadData': self.imageBannerText() // pass banner text as payload
          }
        });
      };

• Выполните синхронизацию или загрузите файл render.js на сервер экземпляров Oracle Content Management.

После проверки требуемого кода можно подключить триггер, чтобы пользовательский компонент активировал его при нажатии кнопки.