条件组件

要使表单动态化，您可以使用表单组件的“ 条件” 选项卡。 在这里，您可以应用显示在 Runtime的条件。 您可以应用两类条件：

• 简单条件
• 高级条件

简单条件

本教程演示如何在表单组件上创建简单条件。

1. 在 Studio 中打开 表单 文件，然后将组件添加到表单中。
   对于此示例，添加以下组件：

   • 两个 复选框。
   • 单个 数字。
   • 单个 文本字段。
2. 导航到“ 文本字段 ”组件的“条件”选项卡，然后转到“ 简单 ”部分。
   1. “此组件应显示” - 从下拉列表中选择 “True ”。 这将创建显示“文本字段”组件的条件。 如果要隐藏组件，请选择“ False”
   2. “表单组件 ” - 从下拉列表中选择“ 数字 ” 组件。
   3. 输入“ 数字 ”组件的值，该值决定要显示的 文本字段 。
   
   

   

   
   
3. 保存组件。

要查看简单条件的行为方式，请观看下面的视频：

高级条件

本教程演示如何在表单组件上创建高级条件。

重要提示： 高级条件会覆盖简单条件。

1. 在 Studio 中打开 表单 文件，然后将组件添加到表单中。 您可以使用用于尝试 简单条件的相同表单文件。
   对于此示例，添加以下组件：

   • 两个 复选框。
   • 一个 数字。
   • 单个 文本字段。
2. 导航至“ 数字 ”组件的“条件”选项卡。
3. 单击“ 高级条件 ”，然后转到“ JavaScript ” 部分。
4. 如果要在 Runtime显示条件，请以 show 布尔值变量开头。 使用 data 变量和 属性名称 访问其他表单组件中的数据。

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

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

   
   

   

   
   

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

要查看高级条件的行为方式，请观看下面的视频：