使用按钮触发自定义逻辑

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

先决条件：

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

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变量用于访问表单中的组件值。
   7. 保存操作配置和逻辑配置。

工作流示例

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