Skip to content

认识设计器

表单的设计和配置都是在表单设计器中进行的,为了更好的完成表单的设计,首先需要了解表单设计器的一些公共特性。

路径

工作台 >>我的应用 >> 表单 >> 点击「编辑表单」即可进入

1. 布局结构

信马的表单设计器由 4 个部分组成——导航区、资源区、画布区、配置区。从左侧的资源区拖动组件至中间画布区域,并在右侧配置组件的基础属性,就可以完成表单组件的个性化设置,例如修改表单的显示字段、布局表单格式、表单呈现的样式等。

  • 导航区——全局类的功能、操作以及页签的切换
  • 资源区——当前表单用到的所有资源都会在左侧面板列出,并根据不同的类别进行细分
  • 画布区——对表单的位置、顺序等进行拖动调整
  • 配置区——从画布区选中的组件的配置都会出现在配置面板中

img

2. 组件属性

2.1 默认状态

设置字段的默认展示状态,默认状态除了在表单设计器中可以设置,在页面权限、流程节点中也有针对不同场景的设置,在这些场景中将优先执行场景中对状态的设定,具体可查看对应位置的文档解释。

img

状态查看时编辑时
默认可见可见、可编辑
禁用可见可见、不可编辑
只读可见可见、不可编辑
隐藏不可见不可见、不可编辑

2.2 标题

表单标签,标题的默认名称为该组件的组件类型名称,标题用于帮助成员更好得识别需要填报的内容。

img

2.3默认值

当用户查看表单时,该字段显示的内容

img

2.4占位提示

对所需信息描述、示意,例如:请输入姓名,当输入信息时即消失。

img

3.高级

3.1帮助说明

3.1.1补充说明

描述该输入项需要的输入类型,如:仅支持jpg、png、pdf。

img

3.1.2气泡提醒

对标题进行补充说明,例:公海——按不同行业不同地区或是按某种相同特性组合一起的客户分组,即成为公海。

img

3.2校验

3.2.1必填

必填是指在提交数据的时候必须填写该字段,若未填写无法成功提交数据,并且会提示:XX是必填字段。

img

3.2.2 最小值

填写数据的最小值,例如:数字输入框最小值设置为 4,填写数据时,数值≥4。

支持组件类型

数字输入框

img

3.2.3 最大值

填写数据的最大值,例如:数字输入框设置最大值为50,填写数据时,数值≤50。

支持组件类型

数字输入框

img

3.2.4 最小长度

数据最少填写数量,例如:单行文本设置最小长度为 10,提交数据时填写文字数量必须≧10个。

支持组件类型

输入框、多行输入框

img

3.2.5 最大长度

数据最多填写数量,例如:下拉复选组件设置最大长度为 40,提交数据时填写文字数量必须≦ 40 个。

支持组件类型

输入框、多行输入框、下拉复选

img

3.2.6 自定义函数(高级校验)

需要基础代码能力,不会代码也可以参考下述代码使用。

示例1:校验输入的文字中,是否包含「雨」

注意

自定义函数校验的错误提示为必填,不然可能无法使用。