JS去掉填报校验出错提示框

目录:

1. 问题描述

在web端使用填报报表数据校验时,若不满足范围会默认会自动弹出提示框,提示校验出错。若用户只希望报表主体中有个符号提示就好,不需要弹出提示框(特别是提示信息过多,导致遮挡住下面报表主体的填报)时,就会影响填报的整个流程。
222

2. 解决方案

我们可以为模板自定义一个提交按钮,添加JS事件就能实现。

3. 设计示例

3.1 打开模板

打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\RefreshDataForm\RefreshData.cpt

3.2 添加数据校验
点击模板>报表填报属性>数据校验,输入校验公式,可参考内置提交校验

3.3 添加按钮自定义事件

点击菜单模板>模板web属性>填报页面设置,选择为该模板单独设置,双击添加自定义按钮,编辑自定义的按钮,修改控件别名为提交(去提示框),添加自定义事件,如下图所示:
222
点击自定义事件,添加js代码如下:

contentPane.verifyReport();//实现提交入库且数据校验; $('.verify-error-container').hide();//实现隐藏校验提示框; 

注:如果模板是嵌入到iframe中,报表外按钮需要实现该功能。

js事件代码如下:

contentPane.verifyReport(); $("#id").contents().find(".verify-error-container").hide();//id为对应iframe的id值。  

3.4 效果预览

添加完成后,保存模板,点击填报预览。

点击自定义按钮进行提交,此时可以看到对应校验单元格会出现提示,但提示框已经不再显示。
222

附件列表


主题: 二次开发

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(微信ID:frbiaoge)