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

编辑
文档创建者:yiyemeiying (78157 )     浏览次数:2953次     编辑次数:8次     最近更新:ukae 于 2018-08-10     

目录:

1. 描述编辑

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

222

2. 思路编辑

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

3. 操作步骤编辑

3.1 打开模板

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

3.2 添加数据校验
点击模板>报表填报属性>数据校验,输入校验公式,可参考内置提交校验
222
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值。  

4. 预览效果编辑

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

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

222

注:经过测试,手机端和h5不支持该效果。

5. 已完成模板编辑

模板效果在线查看请点击:JS去掉填报校验出错提示框.cpt
已完成的模板,可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\09-JS去掉填报校验出错提示框.cpt


附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?只是浏览 [ 去社区提问 ]