文本控件

  • 文档创建者:文档助手1
  • 编辑次数:19次
  • 最近更新:Leo.Tsai 于 2020-04-09
  • 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 中即可。

    附件列表


    主题: 参数应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!