查看原文
其他

【建模】关于表单字段提示说明,你知道多少?

天小际 明源云天际PaaS平台 2022-09-10

根据业务场景不同,客户对表单提示的位置、文字长度也有不同的诉求。

为了支撑日益复杂的业务场景,建模平台表单字段提示目前提供了三种配置方式:字段提示、字段说明、录入说明。除了建模平台直接调整固定文案外,还支持通过前端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") 


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存