步骤 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" 定义的所有操作，这是从步骤 2 中的 click 绑定传入的值。它还传递具有单个字段 payloadData 的 triggerPayload，并传递静态值 'some data here'。这些值（imageClicked 和 whoAreYou）与（在前面步骤中）注册触发器的 appinfo.json 文件中的那些值匹配。

在示例代码中，触发器由 click 绑定的 data-bind 引发，并传入触发器名称 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 实例服务器。

现在您已查看了所需的代码，您可以挂接触发器，以便在单击按钮时定制组件将引发该触发器。