关于表单设计器控件

拖放组件时或单击“编辑”图标时，配置向导将打开。根据表单组件的类型（表单、表单、表单），可以使用某些向导选项卡来进行自定义。下面介绍了UiPath“表单设计器”中的所有可用选项卡及其常规属性。

显示

标签

组件的标题。

标签位置

字段标签的位置。

描述

显示在输入字段下方的文本。

工具提示

在图标的一侧添加工具提示图标。 输入工具提示的文本。

自定义 CSS 类

向组件添加自定义 CSS 类。 您可以添加多个类，并用空格分隔。

隐藏

在表单呈现器中隐藏组件。

备注：

该组件仍会显示在 JSON 文件中。

隐藏标签

隐藏组件的标签。

已禁用

禁用表单中的字段。

占位符

字段为空时显示的文本。

前缀

显示在字段前的文本。

后缀

在字段之后显示的文本。

唯一

选中后，该字段将被视为表单独有。

受保护

选中后，使该字段仅可用于输入。

暂留

When checked, it stores a field in the database. If you don't want to save a field to the database, uncheck Persistent.

表格视图

选中后，将在提交的表格视图中显示值。 您可以将其用于在“编辑网格”组件中添加的子组件，以在行内呈现子组件。

如果取消选中， “编辑网格”的折叠行中不会显示数据。即使未显示数据，您也可以在编辑行时配置组件。

输入掩码

输入掩码提供预定义的格式。 例如，对于电话号码字段，默认输入掩码为 [phone]。

输入掩码元素包括：

• 9 - 数字
• a - 按字母顺序
• * - 字母数字

数据

默认值

用户与其交互之前的字段值。 默认值将覆盖占位符文本。

多个值

When checked, multiple values can be added to the field. The values appear as an array in the API and an Add Another Button is visible on the field.

内容

在其中键入组件内容的部分。

数据格式

用于保存此字段的 moment.js 格式。 例如HH:mm:ss 。

需重绘的情况

Redraw this component if another component in the form changes. Choose the event when the component should redraw from the dropdown list. The default events to choose are Any Change and Submit.

验证

必填

选中后，此字段必须具有值。

验证时间

Determines when this component triggers front-end validation. Choose an event from the dropdown list: Change or Blur.

最小长度

此字段必须满足的最小长度要求。

最大长度

此字段必须满足的最大长度要求。

最小字长

可以添加到此组件的最小字数。

最大字长

可添加至此字段的最大字数。

正则表达式模式

在提交表单之前组件必须传递的正则表达式模式。

错误标签

显示验证错误消息时显示的标签。

自定义错误消息

发生错误时要显示的自定义错误消息。

仅允许可用的值

选中后，将执行验证检查，以确保所选值是可用选项。

字段键值

属性名称

The corresponding argument name for a component in the Workflow Fields Collection.

条件

The Conditional tab in the Form Designer allows you to place conditions on components in your form, to hide or display them.

The Conditional tab has two sections:

• Simple
• 高级条件

简单条件

The Simple section of the Conditional tab allows you to hide or display a component, based on the value of another component.

The Simple section consists of three fields:

1. This component should Display - from this dropdown list, choose:

   • True if you want to condition when the component displays.
   • False if you want to condition when the component hides.

2. When the form component - from this dropdown list, choose a component in the form to act as a condition.

3. Has the value - type in the value that conditions the component when to display or hide.

   

高级条件

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

备注：

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

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

The show variable must be given a true or false value. The data variable is used to access other components in the form, through the API key.

要了解如何使用条件组件，请查看条件组件教程页面。

逻辑

The Logic tab of the Form Designer allows you to create conditions and advanced logic scripts that can change the state or the behavior of the selected form component.

使用高级逻辑，您可以动态更改表单组件的控件、外观和风格。

表单逻辑由两部分组成：触发器和操作。

触发器

逻辑触发器是执行操作的条件。 例如，您可能希望仅在选中复选框选项时显示特定的表单字段。 在这种情况下，复选框选项是触发器，显示表单字段是操作。

有四种类型的逻辑触发器：

触发器类型	描述	示例
Simple	您定义一个触发表单组件和值。
Javascript	您为表单组件或表单数据提供 JavaScript 逻辑。使用 JavaScript 语法创建复杂逻辑，例如循环或动态行为。
JSON 逻辑	您为表单组件或表单数据提供 JSON 逻辑。建议在不允许使用 JavaScript 的情况下使用。无法支持循环或动态行为。
事件	您定义一个组件事件，该事件一旦由相应的组件发出，就会触发所需的操作。

操作

逻辑操作是应根据您设置的逻辑条件（即触发器）发生的表单组件行为。 例如，您可能想要为特定年龄的用户激活按钮。 在这种情况下，年龄范围是触发器，激活按钮是操作。

有四种类型的逻辑操作：

操作类型	描述	示例
属性	触发器会更改一个可用组件属性，例如工具提示、说明、CSS 类等。可用属性取决于触发组件的类型。
值	触发器会更改相应组件的值。该操作必须使用 JavaScript 语法定义。
合并组件架构	触发器会更改组件 JSON 中的组件架构参数。要查看可以更改的架构参数，请将鼠标指针悬停在相应的组件上，然后单击“编辑 JSON” 。您可以在一项操作中更改多个参数。
自定义操作	您可以使用 JavaScript 语法定义自定义操作，就像定义 JavaScript 触发器类型一样。	不适用