在Web应用可视化开发中,表单组件用于添加表单输入框,如设置文字和数字输入框,下拉选项框,参数输入框、时间设置框等。

表单组件均支持配置样式和数据源。下表介绍表单组件列表、各表单组件的使用场景和特有配置说明。组件的通用样式配置、数据源配置和交互配置,请参见组件配置相关文档。

组件 说明
文本框 提供文本输入能力。应用发布后,应用用户可在文本框中,输入文本信息。

特有配置:

  • 默认提示:设置在应用页面显示的输入提示,如“请输入设备名称”。
  • 字符数量限制:设置应用用户最多可输入多少个字符。一中文字符算一个字符。
  • 默认值:可设置该字段的默认值。
数字框 提供数字输入能力。应用发布后,应用用户可在数字框中,输入数字。

特有配置:

  • 最小值:设置用户可输入的最小值。
  • 最大值:设置用户可输入的最大值。
  • 步长:设置可取值的步长。步长需能整除最大值和最小值。
  • 默认值:可设置该字段的默认值。
JSON 提供输入JSON数据的能力,并能自动校验输入的数据格式。

特有配置:

  • 字号:设置用户输入JSON格式数据的字号。
  • 默认提示:设置提示信息,如提示用户需输入什么数据。
  • 默认值:设置该字段的默认值。
下拉框 下拉框组件可以收纳的多个元素。点击组件,则出现下拉菜单列表,以供选择。

支持以设备名称或自定义选项作为选项内容。

  • 选择列表内容设备,则需选择设备所属产品,选项即为所选产品下的设备名称。
  • 选择列表内容自定义,则需一一添加自定义选项。
时间 提供时间数据输入能力。

特有配置:

  • 时间单位:支持秒、天、月、年四种粒度的时间。
  • 默认时间:勾选对应的复选框,开启默认时间后,需设置应用页面运行时,组件初始选择或展示的时间。

    以页面打开时的时间作为基准时间(0点),设置对应的加减时间。例如,要设置默认时间为打开页面是当天,则应该选择时间单位为,默认时间设置为当前时间+0天。

时间范围 提供时间范围的数据输入能力,即可输入起始时间和结束时间。

特有配置:

  • 时间单位:支持秒和天两种粒度的时间。
  • 默认时间:勾选对应的复选框,开启默认时间后,需设置默认起始时间和结束时间。

    以页面打开时的时间作为基准时间(0点),设置对应的加减时间。例如,要设置起始时间为页面打开时的七天前,结束时间为后一天,则应该选择时间单位为,起始时间设置为当前时间-7天,结束时间设置为当前时间+1天。

组件配置文档

样式配置说明文档:样式配置

数据源配置说明文档:

交互动作配置说明文档:交互配置