Select

初始设置

Mode - 如果要从下拉菜单中选择多个选项，请选择多重 模式。否则，应该使用单一模式。

外观和感觉设置

Label (不是必须的)用来显示组件的标签。

Placeholder (非强制性) 用来显示组件的占位符。

Name(必选) - 组件的名称。

Size (强制性) - 组件的大小。当组件被创建时被设置为默认值。

Search (mandatory) - 能够在可用的下拉选项中进行搜索。默认情况下是关闭的。

Clear icon(mandatory) - 如果启用，显示清除选项图标。默认情况下是关闭的。

Disabled (mandatory) - 如果开启，会使该组件失效。默认情况下是关闭的。

Visible (mandatory) - 如果打开，使该组件可见。默认情况下是启用的。

选项

选择选项可以在组件设置中预定义。

工作流触发器

• onChange - 当下拉选项被改变时发生火灾。
• onFocus - 当 "选择 "组件被关注时启动。
• onBlur - 当 "选择 "组件被模糊化时启动。
• onCreate - 当该组件被创建时启动。
• onDestroy - 当该组件被显示时启动。

组件动作

Select Get Properties

获取组件的属性。

输入 参数。

• Component Id [string]- 选择组件的标识符。

输出 参数。

• Label [string]- 组件的标签。
• Placeholder [string]- 组件的占位符。
• Allow Clear [boolean]- 如果是真的，允许清除选择。
• Disable [boolean]- 如果为真，则禁用组件。
• Tooltip [string]- 工具提示字符串。
• Required Mark [boolean]- 如果为真，显示所需的标记。
• Debounce (ms) [integer]- 延迟验证该值。
• Options [Select Option array]- 一个预定义的选择选项数组。
• Selected [Select Option array]- 选定的选项数组，或者在单人模式下，只是一个带有单个元素的数组。
• Validate Icon [boolean]- 验证值时显示的图标。
• Validate Status [Status type]- 验证值时显示的状态。
• Validate Message [string]- 验证值时显示的信息。

Select Set Properties

设置组件的属性。

输入 参数。

• Component Id [string]- 选择组件的标识符。
• Label [string]- 组件的标签。
• Placeholder [string]- 组件的占位符。
• Allow Clear [boolean]- 如果为真，允许清除选择。
• Disable [boolean]- 如果为真，则禁用组件。
• Tooltip [string]- 工具提示字符串。
• Required Mark [boolean]- 如果为真，显示必要的标记。
• Debounce (ms) [integer]- 延迟验证该值。
• Options [Select Option array]- 一个预定义的选择选项的数组。
• Validate Icon [boolean]- 验证值时显示的图标。
• Validate Status [Status type]- 验证值时显示的状态。
• Validate Message [string]- 验证值时显示的信息。

选择更新属性

更新组件的属性。

输入 参数。

• Component Id [string]- 选择组件的标识符。
• Label [string]- 组件的标签。
• Placeholder [string]- 组件的占位符。
• Allow Clear [boolean]- 如果为真，允许清除选择。
• Disable [boolean]- 如果为真，则禁用组件。
• Tooltip [string]- 工具提示字符串。
• Required Mark [boolean]- 如果为真，显示必要的标记。
• Debounce (ms) [integer]- 延迟验证该值。
• Options [Select Option array]- 一个预定义选择选项的数组。
• Validate Icon [boolean]- 验证值时显示的图标。
• Validate Status [Status type]- 验证值时显示的状态。
• Validate Message [string]- 验证值时显示的信息。

Make Select Option

用给定的字段组成 Select Option 模型。

输入 参数：选择更新属性。

• ID [integer]- 选择选项ID。
• Label [string]- 选择选项的标签。
• Value [integer]- 在下拉列表中选择期权的订单值。
• Icon [string]- 在 "选择 "选项项目中使用的图标。
• Disabled [boolean]- 如果为真，则禁用该选项。

输出 参数。

• Select Option [Select Option]- 选择期权模型。

Expand Select Option

展开 Select Option 模型。

输入 参数。

• Select Option [Select Option]- 选择期权模型。

输出 参数。

• ID [integer] - 选择选项的ID。
• Label [string]- 选择期权的标签。
• Value [integer] - 在下拉列表中选择期权的订单值。
• Icon [string]- 选择选项项目中使用的图标。
• Disabled [boolean]- 如果为真，则禁用该选项。

使用例子

我们可以通过前台的业务流程在下拉列表中组成并添加新的选择选项项目。

其逻辑应该是这样的。

• 用指定的字段组成一个新的选择选项项目(Make Select Option)

• 获取现有的Select Option 项目数组(Select Get Properties)，并将其与之前创建的选择选项项目合并(Append Array)

• 更新指定的 "选择 "项目数组(Select Update Properties)为指定的选择组件