使用按钮触发自定义逻辑

了解如何在表单中配置“按钮”组件以充当事件触发器。本教程帮助您为按钮设置自定义逻辑以执行操作。例如，本教程可帮助您计算两个“数字”组件的值，并在表单中的另一个“数字”组件中显示结果。

Prerequisites:

• 安装 Persistence.Activities 版本 1.4.8 或更高版本。
• 为创建表单任务活动选择高级表单。

教程

1. 添加要为其计算值的组件，以及要在其中显示结果的组件。

   记下其属性名称，因为在设置用于值计算的自定义逻辑时需要它们。

   在此示例中，在表单中添加两个“数字”组件，并按下表所示进行配置：

   标签	属性名称
   Number1	number1
   Number2	number2

2. 添加要在其中显示结果的组件。

   记下属性名称，因为设置用于值计算的自定义逻辑时需要它。

   在此示例中，在表单中添加另一个“数字”组件，并按下表所示进行配置：

   标签	属性名称
   Total	total

3. 添加一个“按钮”组件，该组件将为先前添加的组件触发计算事件。

   1. 将按钮的“操作”设置为“事件” 。
   2. 将“按钮事件”命名为calculate 。

   请记住此名称，因为它应与您为显示结果的组件设置的逻辑匹配。

4. 导航到显示结果的组件。 使用触发器和操作配置逻辑，在单击calculate按钮时将两个组件的值相加。 确保将逻辑和操作都命名为calculate 。

5. 在给定示例中，按如下方式配置逻辑：

   1. 将逻辑命名为calculate 。

   2. 将“触发器类型”设置为“事件 ” 。

   3. 将“事件名称”设置为calculate 。

   4. 将操作命名为calculate 。

   5. 将“类型”设置为“值” 。

   6. 在“值 (Javascript)”字段中输入您希望此逻辑执行的 JavaScript 操作。

      对于本示例，返回两个“数字”部分的和。

      return data.number1 + data.number2
      

      data变量用于访问表单中的组件值。

6. 保存操作配置和逻辑配置。

工作流示例

要自行尝试本教程，请在此处下载示例工作流 。