1. 通用属性
介绍组件和其属性之前,先介绍一些大部分组件通用支持的一些基础属性。
1.2 标题
标题是字段在当前页面的展示名称,标题默认为字段名称,可以修改。
1.2 占位提示
在未填写内容时,输入框或选择框内的浅色提示文字,仅用于提示,不会影响字段的值。
1.3 描述说明
一个字段的描述信息,通常用于说明当前字段的范围、注意事项等。描述说明大部分在组件的下方显示,特殊的是,分组的描述说明在标题的左侧。
1.4 默认值
创建数据时,有些字段大概率都是相同值,可设置默认值,减少添加人员的操作步骤,提高录入数据效率。
1.5 只读
设为只读时,字段可见,但不可编辑。
除了只读和非只读的对立选项,也可以设置条件只读,在设置的条件下才只读,条件不符合则非只读。
1.6 禁用
设为禁用时,字段可见,但不可编辑。
除了禁用和非禁用的对立选项,也可以设置条件禁用,在设置的条件下才禁用,条件不符合则非禁用。
1.7 隐藏
设为隐藏时,字段不可见,也不可编辑。但是在页面设计时,隐藏的组件也会展示,效果如下图。
除了隐藏和非隐藏的对立选项,也可以设置条件隐藏,在设置的条件下才隐藏,条件不符合则非隐藏。
1.8 必填
控制字段在当前页面是否必填,若设置为必填则在标题前会有红色的*作为标识。除了必填和非必填的对立选项,也可以设置条件必填,在设置的条件下才必填,条件不符合则非必填。
1.9 标题排列方式
字段的标题可以自定义横向排列还是纵向排列。每个字段组件都支持设置,设置后之间互不影响。除了组件支持自定义,表单、分组、选项卡也可以设置排列方式,对于这种布局容器类组件,设置后会将其容器内的所有组件的标题排列方式都改为所设置的值。
1.10 宽度
定义在页面中的宽度:占整行的比例,一般可选项有1/4、1/3、1/2、2/3、3/4、1。
其中1/2表示占当前行的一半;1表示占当前行一整行;以此类推。部分组件特殊,如富文本仅支持宽度为1,即占一整行。
2. 分组
分组是一个布局类组件,类似一个容器,可以把业务含义相近的内容放在这个分组容器内。
2.1 属性
2.1.1 标题
分组可以定义一个标题名称,标题显示在分组左上角,可以不设置标题。
2.1.2 描述说明
分组的描述说明显示在分组标题右侧。
2.1.3 标题排列方式
分组中的标题排列方式属性并不是控制分组的标题,而是控制分组内组件的标题。设置后对分组内的所有组件生效。
3. 选项卡
选项卡是一个布局类组件,类似一个容器,每个选项卡可以添加多个选项页,可以把业务含义相近的内容放在选项卡的选项页容器内。
3.1 选项卡属性
3.1.1 选项页排列方式
选中选项卡,可选择选项卡中的选项页排列方式:水平排列、竖直排列。默认是水平排列,效果如下图。
3.1.2 标题排列方式
选项卡中的标题排列方式控制选项卡内组件的标题。设置后对选项卡内的所有组件生效。
3.2 选项页属性
3.2.1 标题
选中选项页,显示选项页的属性设置,选项卡中的每个选项页支持设置标题。
3.2.2 标题排列方式
选项页中的标题排列方式控制选项页内组件的标题。设置后对选项页内的所有组件生效。同一个选项卡,不同选项页之间的标题排列方式可以不同。
4. 单行文本
单行文本输入框,常用于记录名称、身份证号或其他普通的文字内容。
4.1 创建字段
单行文本仅支持创建「文本」业务类型的字段,填写规则、内容和模型设计器端创建字段一致。
4.2 表单属性
4.2.1 通用属性
在表单中,单行文本可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
4.2.2 文本类型
文本类型选项为文本或密码。若设置为文本,输入时内容是可见的;若设置为密码,输入时是不可见的密码形态,如下图:
4.2.3 最小/大长度
设置输入框输入内容的长度,输入框会根据设置的值进行校验。
- 最大长度默认为创建字段时填写的长度,且设置的最大长度不可以大于字段的长度
- 最小长度默认为空,为空则为不限制最小长度
4.2.4 输入格式
设置输入格式为网址或者身份证时,会进行格式的校验
- 无:默认为无,不会校验内容
- 网址:进行网址校验
- 身份证:进行身份证号校验,设置后,需要输入正确的身份证号
4.2.5 显示计数器
当需要用户关注输入内容长度时,可以开启显示计数器,在输入时会实时显示当前内容的长度。
4.2.6 显示清除按钮
若开启了清除按钮,则在输入框有内容时,点击清除按钮一键清除已有内容
5. 多行文本
多行文本输入框,常用于记录字数较多的文字,如意见、复杂备注等。
5.1 创建字段
多行文本仅支持创建「多行文本」业务类型的字段,填写规则、内容和模型设计器端创建字段一致。
5.2 表单属性
5.2.1 通用属性
在表单中,单行文本可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
5.2.2 最小/大长度
设置输入框输入内容的长度,输入框会根据设置的值进行校验。
-最大长度默认为创建字段时填写的长度,且设置的最大长度不可以大于字段的长度
-最小长度默认为空,为空则为不限制最小长度
5.2.3 显示计数器
当需要用户关注输入内容长度时,可以开启显示计数器,在输入时会实时显示当前内容的长度。
5.2.5 显示清除按钮
若开启了清除按钮,则在输入框有内容时,点击清除按钮一键清除已有内容
6. 整数
整数输入框,常用于输入整数的天数、数量等,如果会出现小数,请使用小数组件。
6.1 创建字段
整数仅支持创建「整数」业务类型的字段,填写规则、内容和模型设计器端创建字段一致。
6.2 表单属性
6.2.1 通用属性
在表单中,整数可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
6.2.2 最小/大值
设置整数输入框输入内容的最值,输入框会根据设置的最值进行校验。
- 最大值可设置的范围根据字段填写的长度转换,如设置长度为3,则最大值最大不可以超过999
截图
6.2.3 显示千分位
数字过长时,不便于查看,可开启显示千分位。
7. 小数
小数输入框,常用于输入金额、单价等,会出现小数的数值。
7.1 创建字段
小数仅支持创建「浮点型」业务类型的字段,填写规则、内容和模型设计器端创建字段一致。
7.2 表单属性
7.2.1 通用属性
在表单中,小数可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
7.2.2 最小/大值
设置小数输入框输入内容的最值,输入框会根据设置的最值进行校验。
- 最大值可设置的范围根据字段填写的长度转换,如设置长度为3,则最大值最大不可以超过999
7.2.3 保留小数位数
支持设置小数的保留位数,设置后在页面中输入内容时,将进行校验
- 可设置的保留小数位数不可大于该字段的精度,如字段精度为2,则组件属性中的小数位数最大只能为2;
7.2.4 显示千分位
数字过长时,不便于查看,可开启显示千分位。
8. 下拉单选
从多个选项中下拉选择一个数据,作为数据值。选项可以是关联模型的数据,也可以是数据字典或布尔型开关。
8.1 创建字段
下拉单选支持创建三种业务类型的字段,分别是:多对一、布尔型、数据字典。
- 多对一:创建字段时需要选择关联的模型,关联模型的数据将作为下拉选项;
- 布尔型:下拉选项默认只有是、否;
- 数据字典:创建字段时需要选择数据字典,其数据字典项将作为下拉选项
8.2 表单属性
8.2.1 通用属性
在表单中,下拉单选可以设置一些通用的属性:标题、占位提示、描述说明、只读、隐藏、禁用、必填、标题排列方式、宽度。
8.2.2 选项类型
可以针对下拉单选的选项进行属性设置,同时,根据字段类型的不同,可以设置的内容也不同。
8.2.2.1 多对一选项
当下拉单选对应的是多对一型字段时,选项类型为“关联模型字段”。可以设置模型中的哪个(些)字段作为选项名称,以及哪些字段可以进行选项搜索。
- 选项字段:可以选择关联模型的某个或某些字段。
- 选择了【创建时间】和【创建人id】作为选项,那么在页面运行下拉选择数据时,创建时间和创建人id的值将会拼接起来作为选项值。如下图
- 提示:可以在选项字段之间设置常量内容作为间隔,如, – 、 /等
- 搜索字段:选项字段中哪些可以作为搜索值,默认会将选中的选项字段都设为搜索字段。
- 若,将【创建时间】、【创建人id】都选中作为搜索字段,则在选择框中输入“01”时,创建时间或创建人id的值中包含“01”的都将作为搜索结果展示。
- 若,只将【创建时间】选中作为搜索字段,则在选择框中输入“01”时,仅创建时间的值中包含“01”的将作为搜索结果展示。
8.2.2.2 布尔型选项
当下拉单选对应的是布尔型字段时,选项类型为“布尔型”。选项默认只有“是”、“否”,可以设置选项的排序、选项的默认值、选项是否可见。
-选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。效果如下图
-设置默认值:点击选项前的单选框,则这个选项将作为下拉单选的默认值。
-设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。
8.2.2.3 数据字典选项
当下拉单选对应的是数据字典字段时,选项类型为“数据字典”。选项会展示选择的数据字典中的所有字典项,可以设置选项的排序、选项的默认值、选项是否可见。(属性效果和布尔型选项一致)
- 选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。
- 设置默认值:点击选项前的单选框,则这个选项将作为下拉单选的默认值。
- 设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。默认所有字典项都可见。
8.2.3 显示清除按钮
若开启了清除按钮,则在选择框有内容时,点击清除按钮一键清除已有内容
9. 下拉多选
从多个选项中下拉选择多个数据,作为数据值。选项可以是关联模型的数据,也可以是数据字典。
9.1 创建字段
下拉多选支持创建三种业务类型的字段,分别是:多对多、一对多、数据字典。
- 多对多:创建字段时需要选择关联的模型,关联模型的数据将作为下拉选项;
- 一对多:创建字段时需要选择关联的模型,关联模型的数据将作为下拉选项;
- 数据字典:创建字段时需要选择数据字典,其数据字典项将作为下拉选项
9.2 表单属性
9.2.1 通用属性
在表单中,下拉多选可以设置一些通用的属性:标题、占位提示、描述说明、只读、隐藏、禁用、必填、标题排列方式、宽度。
9.2.2 选项类型
可以针对下拉多选的选项进行属性设置,同时,根据字段类型的不同,可以设置的内容也不同。
9.2.2.1 多对多、一对多选项
当下拉多选对应的是一对多型字段时,选项类型为“关联模型字段”。可以设置模型中的哪个(些)字段作为选项名称,以及哪些字段可以进行选项搜索。(和关联模型字段型的下拉单选一致)
- 选项字段:可以选择关联模型的某个或某些字段。
- 选择了【创建时间】和【创建人id】作为选项,那么在页面运行下拉选择数据时,创建时间和创建人id的值将会拼接起来作为选项值。如下图
- 提示:可以在选项字段之间设置常量内容作为间隔,如, – 、 /等
- 搜索字段:选项字段中哪些可以作为搜索值,默认会将选中的选项字段都设为搜索字段。
- 若,将【创建时间】、【创建人id】都选中作为搜索字段,则在选择框中输入“01”时,创建时间或创建人id的值中包含“01”的都将作为搜索结果展示。
- 若,只将【创建时间】选中作为搜索字段,则在选择框中输入“01”时,仅创建时间的值中包含“01”的将作为搜索结果展示。
9.2.2.2 数据字典选项
当下拉多选对应的是数据字典字段时,选项类型为“数据字典”。选项会展示选择的数据字典中的所有字典项,可以设置选项的排序、选项的默认值、选项是否可见。
- 选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。
- 设置默认值:点击选项前的复选框,则这个选项将作为下拉单选的默认值。
- 设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。
9.2.3 显示清除按钮
若开启了清除按钮,则在选择框有内容时,点击清除按钮一键清除已有内容
10. 开关
常用于只有是否两种对立选项的选择。
10.1 创建字段
直接通过开关组件设计页面需要先填写字段信息以创建一个字段业务类型为「布尔型」的模型字段后才可以设置属性。
10.2 表单属性
在表单中,开关可以设置一些通用的属性:标题、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
11. 单选框
常用于在直接展示的选现中单选一个值,例如选择性别。
11.1 创建字段
单选框支持创建两种业务类型的字段,分别是:布尔型、数据字典。
- 布尔型:选项默认只有是、否;
- 数据字典:创建字段时需要选择数据字典,其数据字典项将作为选项
11.2 表单属性
11.2.1 通用属性
在表单中,单选框可以设置一些通用的属性:标题、描述说明、只读、隐藏、禁用、必填、标题排列方式、宽度。
11.2.2 选项排列方式
支持设置选项的排列方式,横向或纵向。
11.2.3 选项类型
11.2.3.1 数据字典选项
当单选框对应的是数据字典字段时,选项类型为“数据字典”。选项会展示选择的数据字典中的所有字典项,可以设置选项的排序、选项的默认值、选项是否可见。
- 选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。
- 设置默认值:点击选项前的单选框,则这个选项将作为单选框的默认值。
- 设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。默认所有字典项都可见。
11.2.3.2 布尔型选项
当单选框对应的是数据字典字段时,选项类型为“数据字典”。选项会展示选择的数据字典中的所有字典项,可以设置选项的排序、选项的默认值、选项是否可见。
- 选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。
- 设置默认值:点击选项前的单选框,则这个选项将作为单选框的默认值。
- 设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。默认所有字典项都可见。
12. 复选框
常用于在直接展示的选现中多选一个值,例如选择爱好、选择课程等。
12.1 创建字段
直接通过复选框组件设计页面需要先填写字段信息以创建一个字段业务类型为「数据字典」的模型字段后才可以设置属性。
12.2 表单属性
12.2.1 通用属性
在表单中,复选框可以设置一些通用的属性:标题、描述说明、只读、隐藏、禁用、必填、标题排列方式、宽度。
12.2.2 选项排列方式
支持设置选项的排列方式,横向或纵向。
12.2.3 选项类型
12.2.3.1 数据字典选项
当复选框对应的是数据字典字段时,选项类型为“数据字典”。选项会展示选择的数据字典中的所有字典项,可以设置选项的排序、选项的默认值、选项是否可见。
- 选项排序:选中选项行并直接拖动选项,即可变化上下位置,属性中的选项顺序将作为运行页面的选项顺序。
- 设置默认值:点击选项前的单选框,则这个选项将作为单选框的默认值。
- 设置可见:在选项的右侧,点击隐藏/可见图标,将控制该选项在运行时是否可以展示。默认所有字典项都可见。
13. 富文本编辑器
富文本编辑器,是一种可内嵌于浏览器,所见即所得的文本编辑器,类似于Office Word 的编辑功能,常应用于篇幅较长的说明性文字,支持改变字体样式、插入图片等。
13.1 创建字段
直接通过富文本编辑器组件设计页面需要先填写字段信息以创建一个字段业务类型为「富文本」的模型字段后才可以设置属性
- 填写信息如下,所有信息保存后再次查看均不可编辑
13.2 表单属性
在表单中,富文本编辑器可以设置一些通用的属性:标题、占位提示、描述说明、只读、隐藏、必填、标题排列方式、宽度。
13.3 表单样式
在运行页面,表单中的富文本编辑器如下图。
编辑器中具有丰富的功能:
- 支持设置层级标题
- 支持设置文字样式(加粗、字号、字体、斜体、下划线、删除线等等)
- 支持设置段落缩进和行高
- 支持插入序列、待办事项等
- 支持插入表情、图片、表格、代码块、分割线等
- 编辑时支持撤回、恢复、全屏编辑
13.4 表格属性
在表格中,富文本编辑器仅支持自定义标题属性。
13.5 表格样式
在运行页面,表格中的富文本对应字段数据用相应链接展示,若有,则可存在“查看”链接,点击查看,通过弹框查看富文本内容
13.6 详情属性
在详情视图中,仅支持自定义标题、宽度属性。
14. 年份
年份组件用于选择年份,常用于选择出身年份、一项计划的年份等。
14.1 创建字段
年份仅支持创建「年份」业务类型的字段,填写规则、内容和模型设计器端创建字段一致。
14.2 表单属性
在表单中,年份可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
15. 日期
常用于选择颗粒度到日期的Date类型字段,例如出生日期、入职日期、入驻日期等。
15.1 创建字段
直接通过日期组件设计页面需要先填写字段信息以创建一个字段业务类型为「日期」的模型字段后才可以设置属性。
15.2 表单属性
15.2.1 通用属性
在表单中,日期可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
15.2.2 日期格式
有9种日期格式可供选择。
16. 日期时间
常用于选择颗粒度到时间的DateTime类型的字段,例如下单时间、发货时间、审批时间等。
16.1 创建字段
直接通过日期时间组件设计页面需要先填写字段信息以创建一个字段业务类型为「日期时间」的模型字段后才可以设置属性。
16.2 表单属性
16.2.1 通用属性
在表单中,日期时间可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
16.2.2 日期格式
有9种日期格式可供选择。
16.2.3 时间格式
有4种时间格式可供选择。
17. 时间
常用于选择仅时间无日期的Time类型的字段,如设置规章中的上班时间、日志的提交时间等。
17.1 创建字段
直接通过时间组件设计页面需要先填写字段信息以创建一个字段业务类型为「时间」的模型字段后才可以设置属性。
17.2 表单属性
17.2.1 通用属性
在表单中,时间可以设置一些通用的属性:标题、占位提示、描述说明、默认值、只读、隐藏、禁用、必填、标题排列方式、宽度。
17.2.1 时间格式
有4种时间格式可供选择。
18. 颜色选择器
颜色选择器,应用于自定义颜色,如设置标签的颜色、设置产品的颜色属性、主题定制时选择色彩等。
18.1 创建字段
颜色选择器和单行文本这两个组件的样式不同,作用也不同,一个用于选择颜色,一个用于输入内容,但实质上所生成的数据都用文本来存储,所以通过颜色选择器生成字段时,仅支持对应生成「文本」类型字段。
18.2 表单属性
在表单中,颜色选择器可以设置一些通用的属性:标题、描述说明、默认值、只读、隐藏、必填、标题排列方式、宽度。
18.3 表单样式
在运行页面,表单中的颜色选择器由色号显示框+色号选择框组成,色号显示框无法编辑,由选择的颜色自动带出对应色号;点击色号选择框可选择颜色。
色号选择有三种方式
1在颜色选择区直接点击颜色;
2颜色选择器下方快捷选择系统提供的常用颜色;
3输入框中直接输入标准格式色号,输入后回车,定位到对应颜色。
18.4 表格属性
在表格中,颜色选择器仅支持自定义标题属性。
18.5 表格样式
在运行页面,表格中的颜色选择器对应字段数据用相应色块展示。
18.6 详情属性
在详情视图中,仅支持自定义标题、宽度属性。
19. 图表
可以选择数据可视化设计器中允许被引用的图表,展示在页面中。
19.1 选择报表
下拉中可选择允许被引用的图表。
20. 报表
可以选择数据可视化设计器中允许被引用的报表,展示在页面中。
20.1 选择报表
下拉中可选择允许被引用的报表。
Oinone社区 作者:史, 昂原创文章,如若转载,请注明出处:https://doc.oinone.top/oio4/9407.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验