【建模】关于表单字段提示说明,你知道多少?
根据业务场景不同,客户对表单提示的位置、文字长度也有不同的诉求。
为了支撑日益复杂的业务场景,建模平台表单字段提示目前提供了三种配置方式:字段提示、字段说明、录入说明。除了建模平台直接调整固定文案外,还支持通过前端js动态赋值。
接下来,小际就和大家分别聊一下最佳应用场景以及配置方式。
固定文案建模设置
一、进入表单设计界面(前置条件)
具体配置如下:
1、进入建模平台,打开表单界面,鼠标悬浮到设置按钮;
2、鼠标定位到表单(当前画面会选中当前的表单界面),然后点击后自动跳转到当前表单设计界面;
3、进入到当前的表单设计界面后,点击右上角的迁出&编辑后,就可以对页面进行修改。
场景一:字段提示
场景说明:标签之后问号图标Hover展示,用于字段较长文案的说明,或者收起不太重要的字段说明这种低频需求。
具体配置如下:
1、在表单建模设计页面,鼠标点击选择表单组件,在属性区找到字段提示属性,在里面填写要展示的内容即可。
2、保存后点击预览,就可以看到效果。
场景二:字段说明
场景说明:字段标题下方显示,通常用于字段补充说明(如各个金额字段之间的计算逻辑)
具体配置如下:
1、在表单建模设计页面,鼠标点击选择表单组件,在属性区找到字段说明属性,在里面填写要展示的内容即可。
2、保存后点击预览,就可以看到效果。
场景三:录入说明
场景介绍:录入框/值之下展示描述文字,常用于简短而重要的常驻说明,常显示在页面上用于警告或提示用户。
具体配置如所示:
1、在表单建模设计页面,鼠标点击选择表单组件,在属性区找到录入说明属性,在里面填写要展示的内容即可。
2、保存后点击预览,就可以看到效果。
前端动态设置
说明:针对开发者建模表单提供了setDescription接口,用于动态设置这三种场景的提示说明。
1、接口参数说明
setDescription接口支持三个参数field、description、 mode。
setDescription | 动态设置字段提示内容 |
字段 | 描述 |
field | 字段或者控件对象 |
description | 提示说明的描述文本 |
mode | 提示说明方式(FLOAT:字段提示;LABEL:字段说明;INPUT:录入说明(默认值) |
2、调用方式展示
this.form = mapcontrol.get(this.formId);
// 字段提示
this.form.setDescription("EditView", "这是字段提示","FLOAT")
// 字段说明
this.form.setDescription("EditView", "这是字段提示","LABEL")
//录入说明
// 这是默认方式,第三个参数也可以不传,不传就是默认使用录入说明的提示
this.form.setDescription("EditView", "这是录入说明","INPUT")