最新历史版本 :文本域控件 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
App 版本功能变更
11.0--
11.0.2111.0.85「文本域控件」移动端新增「允许一键清空功能和「显示字数统计功能

1.2 应用场景

1.2.1 填报控件

填报报表中可以通过该控件输入多行文本信息,录入填报的数据,如下图所示:

2020-06-10_14-32-22.jpg

1.2.2 参数控件

参数面板处可以通过该控件输入多行文本信息,键入查询参数,如下图所示:

2020-06-10_14-43-49 (1).gif

1.2.3 注意事项

1)「文本域控件」支持换行,填报预览界面按 Ctrl+Enter 键,参数面板和决策报表中按 Enter 键即可换行。

2)「文本域控件」的换行符可以提交入库,但数据库和模板数据集中不会显示换行效果,需要预览模板时才可以看到换行效果。

3)「文本域控件」不支持使用Ctrl+Z实现回退效果。

1.3 如何添加

1.3.1 填报控件

选中单元格后,点击右侧属性面板的「控件设置」,「选择控件」处下拉选择「文本域控件」,如下图所示:

2020-06-01_18-44-26.jpg

1.3.2 参数控件

将参数面板控件工具栏中的「文本域控件」拖入到参数面板中,如下图所示:

2020-06-01_18-49-18.jpg

2. 控件介绍编辑

2.1 属性

2.1.1 填报控件

「文本域控件」的属性设置界面如下图所示:

各属性设置项的详细介绍如下:

注:「文本域控件」在填报应用时,可通过在单元格中添加值的方式设置默认值。

分类设置项详细介绍
基本控件名称控件的名称,手动输入,通常与参数结合使用,如通过控件名获取控件后将控件值传递给对应参数,默认为空。
可      用控件是否可用,勾选后,填报时控件可编辑;不勾选,填报时控件灰化,不可编辑,默认勾选。
可       见控件是否可见,勾选后,填报时页面显示控件;不勾选,填报时页面不显示控件,默认勾选。
高级水       印填报时控件内显示的浅灰色水印文字,手动输入,以提示用户需要输入的信息,点击控件编辑区域后消失,默认为空。
校验允许为空是否允许控件为空值,勾选后,允许控件为空值;不勾选,填报校验和提交时会提示,默认勾选。
错误提示不勾选「允许为空」时出现的设置项,可自定义提示信息。默认情况下将显示:不能为空
填写规则

控件输入值需要符合的规则,若不符合规则,则提示错误信息。

支持的校验规则共有 3 种,如下:

1)无:不限制校验规则。

2)长度:定义文本域的长度区间,校验多行文本长度。

3)自定义:正则表达式自定义校验规则,详细内容参见文档:正则表达式定义规则

默认为无。

2.1.2 参数控件

「文本域控件」的属性设置界面如下图所示:

2020-06-01_19-46-43.jpg

各属性设置项的详细介绍如下:

分类
设置项详细介绍
基本控件名称控件的名称,手动输入,通常与参数结合使用,如通过控件名获取控件后将控件值传递给对应参数,默认为 textArea#。
可       用控件是否可用,勾选后,填报时控件可编辑;不勾选,填报时控件灰化,不可编辑,默认勾选。
可       见控件是否可见,勾选后,填报时页面显示控件;不勾选,填报时页面不显示控件,默认勾选。
高级标签名称控件的标签属性是用在移动端的,移动端不支持参数面板上的「标签控件」,识别的是普通控件的「标签名称」属性,所以移动端可以用控件的标签名称来实现标签。
控 件 值

控件初始化时的默认值,支持字符串、字段、公式,默认为空。

字符串:字符文字,例如:华东                华北,像这样中间加几个空格后,文本域会换行显示

字段:数据集字段,数据集包括模板数据集和服务器数据集。例如:数据集 ds1 的地区字段

公式:设计器支持的公式,例如: A1 单元格的值

水       印填报时控件内显示的浅灰色水印文字,手动输入,以提示用户需要输入的信息,点击控件编辑区域后消失,默认为空。
字体大小

文本框中输入的字体的大小,默认为12 

注:此功能不支持移动端。

校验允许为空是否允许控件为空值,勾选后,允许控件为空值;不勾选,填报校验和提交时会提示,默认勾选。
错误提示不勾选「允许为空」时出现的设置项,可自定义提示信息。默认情况下将显示:不能为空
填写规则

控件输入值需要符合的规则,若不符合规则,则提示错误信息。

支持的校验规则共有 3 种,如下:

1)无:不限制校验规则。

2)长度:定义文本域的长度区间,校验多行文本长度。

3)自定义:正则表达式自定义校验规则,详细内容参见文档:正则表达式定义规则

默认为无

坐标.尺寸控件位置控件在参数面板中的位置,通过横纵坐标调整,坐标会根据控件在参数面板中的位置自动显示。
控件大小控件的大小,通过宽度、高度调整,若通过拖拽调整,高宽度也随着自动调整。

2.2 事件

事件设置界面可以为控件添加事件实现某些效果,「文本域控件」支持的事件有初始化后、编辑前、编辑后、编辑结束。如下图所示:

选择一种事件类型后,即可添加事件内容,「文本域控件」支持的事件响应方式有 JavaScript 脚本、提交入库、发送邮件。如下图所示:

选择对应的事件响应方式添加即可,不同响应方式区别可参考:事件响应方式

2.3 移动端

「文本域控件」支持移动端「允许一键清空功能和「显示字数统计」功能。如下图所示:

高级:

  • 允许一键清空:选择后,允许对输入的内容一键删除。

  • 显示字数统计:选择后,自动统计控件内的内容字数并显示在右下角。

3. 应用示例编辑

文本域控件的应用,可参见以下文档:

应用场景实际效果

场景描述:

当用户需要对表中的同一字段实现多值查询时,可以使用文本域控件

参考文档:

文本域控件实现多值查询

场景描述:

使用文本域控件填报时,当字段超过特定的值时,提醒填报人

参考文档:

JS实现限制文本框控件文本长度

1607396364260781.gif