条件组件

表单设计器中的“ 条件” 选项卡允许您在表单中的组件上放置条件，以隐藏或显示它们。

“条件” 选项卡包含两个部分：

• Simple
• 高级条件

简单条件

“条件”选项卡的“简单”部分允许您根据另一个组件的值隐藏或显示某个组件。

“简单”部分包含三个字段：

1. 此组件应显示 - 从此下拉列表中选择：

   • 如果要在组件显示时设置条件，则为True 。
   • 如果要在组件隐藏时设置条件，则为False 。
2. “表单组件” - 从此下拉列表中，选择表单中的组件作为条件。

3. 具有值 - 输入用于调节组件何时显示或隐藏的值。

   
   

   

   
   

高级条件

“高级条件” 部分允许您使用 JavaScript 代码来组合条件。

高级逻辑将覆盖简单条件逻辑的结果。

在“JavaScript 代码” 部分中，输入自定义 JavaScript 代码。

必须为 show 变量指定 true 或 false 值。 数据 变量用于通过 API 密钥访问表单中的其他组件。

教程

简单条件

要配置简单条件逻辑，请执行以下操作：

1. 在“ 创建表单” 活动中打开“表单设计器”。

2. 将组件拖放到表单中。 在此示例中，拖放以下内容：

   1. 两个 复选框 组件 2.2. 一个 数字 组件 2.3。 一个 文本字段 组件。

      请注意每个组件的字段键。 您需要它们来创建条件逻辑。
3. 导航到“ 文本字段 ”组件的“条件”选项卡，然后转到“ 简单 ”部分。
   1. 此组件应“显示” - 从下拉列表中选择 “True ”。 这将创建显示“文本字段”组件的条件。 如果要隐藏组件，请选择“ False ” 3.2。 “表单组件 ” - 从下拉列表中选择“ 数字 ” 组件。
   2. 具有值 - 在“数字” 组件的值中键入该值，该组件用于确定要显示的文本字段。 4. 保存组件。

高级条件

要配置高级条件逻辑，请执行以下操作：

1. 在“ 创建表单” 活动中打开“表单设计器”。

2. 将组件拖放到表单中。 在此示例中，拖放以下内容：

   1. 两个 复选框 组件 2.2. 一个 数字 组件 2.3。 一个 文本字段 组件。

      请注意每个组件的字段键。 您需要它们来创建条件逻辑。
3. 导航到“ 数字 ”组件的“条件”选项卡。
4. 单击 “高级条件” ，然后转到“JavaScript”部分。
5. 如果要创建条件，请使用 show 变量，并使用等号 = 为其分配条件。 使用 data.field_key_component 变量访问其他表单组件中的数据。

   在此示例中，要显示“ 数字 ”组件，您可以在此脚本中键入：

   show = (data.checkbox1 === true && data.checkbox === true)

   如果要隐藏某个条件下的组件，请在等号 = 之后和条件之前放置一个感叹号 ! 。

6. 在此示例中，要隐藏“ 数字 ”组件，您可以在此脚本中键入：

   show = !(data.checkbox1 === true && data.checkbox === true)

7. 7. 保存组件。

示例工作流

若要检查完整的工作流或获取未来参考，请下载 XAML 示例