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

目录:

1. 概述编辑

1.1 应用场景

1.1.1 填报应用

填报报表中可以通过该控件输入文本信息,录入填报的数据。

1.1.2 参数应用

参数面板处可以通过该控件输入文本信息,键入查询参数。

1.2 添加控件

1.2.1 填报应用

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

Snag_e15db5d.png

1.2.2 参数应用

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

Snag_e40b798.png

2. 控件介绍编辑

2.1 控件属性

2.1.1 填报应用

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

Snag_e49b3a4.png

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

  • 控  件  名:通常与参数结合使用,通过控件名可以获得该控件,从而获得控件值传递给对应参数;或者通过控件名获得控件后通过 JS 设置控件的属性。

  • 可       用:勾选后,填报时可正常输入文本信息;不勾选,填报时控件灰化,不可编辑。

  • 可       见:勾选后,填报时控件可见;不勾选,填报时控件不可见。

  • 水       印:填报时控件内会显示浅灰色水印文字,以提示用户需要输入的信息,当点击控件编辑区域后,水印消失。

  • 允许为空:勾选后,允许控件为空值;不勾选,填报校验和提交时会提示:不能为空

  • 错误提示:用户可自定义不允许为空的提示信息。

  • 填写规则:控件输入值需要符合的规则,如果不合规则,则提示错误信息,后面会详细介绍。

2.1.2 参数应用

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

Snag_e4ffe8b.png

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

  • 控件名称:通常与参数结合使用,通过控件名可以获得该控件,从而获得控件值传递给对应参数;或者通过控件名获得控件后通过 JS 设置控件的属性。

  • 可       用:勾选后,预览时可正常输入文本信息;不勾选,预览时控件灰化,不可编辑。

  • 可       见:勾选后,预览时控件可见;不勾选,预览时控件不可见。

  • 标签名称:标签名称的作用就是用来弥补参数界面中标签控件不支持的问题。

  • 控 件 值 :控件默认显示的值,详细内容参见文档:控件默认值

  • 水      印:控件内会显示浅灰色水印文字,以提示用户需要输入的信息,当点击控件编辑区域后,水印消失。

  • 字体大小:文本框中输入字体的大小。

  • 允许为空:勾选后,允许控件为空值;不勾选,查询时会提示:不能为空

  • 错误提示:用户可自定义不允许为空的提示信息。

  • 填写规则:控件输入值需要符合的规则,如果不合规则,则提示错误信息,后面会详细介绍。

  • 控件位置:调整控件在参数面板中的位置。

  • 控件大小:调整控件的大小。

2.2 填写规则

填写规则是指控件中的输入值需要符合一定规则,如果不符合规则,则提示错误信息,通俗地说填写规则就是校验规则。

文本控件的填写规则共有8种,详细介绍如下:

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

Snag_ec6ed42.png

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

Snag_ec91fa3.png

3)邮箱:校验邮箱地址。

Snag_ecb35a2.png

4)身份证:校验身份证号码。

注:此处身份证校验不是对身份证真伪进行校验,只是校验号码是否属于身份证格式。

Snag_eccd71d.png

5)邮编:校验邮政编码。

Snag_ecfd0e5.png

6)电话:校验固定电话号码。

Snag_ed16e87.png

7)手机:校验手机号码。

Snag_ed27941.png

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

Snag_ed4280a.png

2.3 支持扫码输入

文本控件支持移动端扫码输入。

2.3.1 版本要求

报表服务器版本  App 版本 html5 报表展现插件版本
2019-01-04V10.1V6.1

2.3.2 设置方法

文本控件管理面板选择移动端,有3种输入方式可供选择。
Snag_ee61a76.png

2.3.3 效果预览

移动端扫码输入的效果如下图所示:

222

注:  只支持在微信集成并依赖单点登录的情况下使用且域名需要校验,按照微信中的要求把 txt 文件放到 Tomcat 中即可。