JS去掉填报校验出错提示框
1. 问题描述
在web端使用填报报表数据校验时,若不满足范围会默认会自动弹出提示框,提示校验出错。若用户只希望报表主体中有个符号提示就好,不需要弹出提示框(特别是提示信息过多,导致遮挡住下面报表主体的填报)时,就会影响填报的整个流程。
2. 解决方案
我们可以为模板自定义一个提交按钮,添加JS事件就能实现。
3. 设计示例
3.1 打开模板
打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\RefreshDataForm\RefreshData.cpt。
3.3 添加按钮自定义事件
点击菜单模板>模板web属性>填报页面设置,选择为该模板单独设置,双击添加自定义按钮,编辑自定义的按钮,修改控件别名为提交(去提示框),添加自定义事件,如下图所示:
点击自定义事件,添加js代码如下:
contentPane.verifyReport();//实现提交入库且数据校验;
$('.verify-error-container').hide();//实现隐藏校验提示框;
3.4 效果预览
添加完成后,保存模板,点击填报预览。
点击自定义按钮进行提交,此时可以看到对应校验单元格会出现提示,但提示框已经不再显示。
附件列表
主题: 二次开发

