历史版本3 :JS实现填报校验后返回错误信息 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

1. 问题描述编辑

提交校验中介绍了数据校验规则编写,如果校验成功就可以提交入库,校验不成功则提示错误信息,如果用户不想使用FineReport内置的左上角的校验提示,希望能够以弹出框的形式提示错误信息,并且根据错误信息决定下一步的操作,那这个该如何实现呢?

2. 解决方案编辑

7.0.5版本中开放了校验后事件的返回参数fr_verifyinfo,此参数包含校验返回的信息,为一个对象,该对象包含两个属性:
fr_verifyinfo.success:返回true/false,表示是否校验成功;
fr_verifyinfo.info:返回具体的错误提示信息,为一个数组对象,比如A12单元格的错误和B13单元格的错误等等。

3. 示例编辑

%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Form\VerifyForm\SubmitVerify.cpt模板为例,如果成本价的值小于0,则刷新整个页面,如果成本价的值大于1000,提示是否提交,选择确定,则强制提交并刷新页面,选择取消,则不做任何操作。
3.1 模板准备
打开模板,修改SQL语句:SELECT top 1 * FROM [产品]
点击模板>报表填报属性>数据校验,修改内置校验规则,如下图:
当F3单元格值小于等于0的时候,就提示错误信息“0”,如果F3单元格值大于等于1000的时候,就提示错误信息“1”。
3.2 添加校验后事件
点击模板>模板web属性>填报页面设置,选择为该模板单独设置,添加校验后事件,如下图:
3.3 校验后事件编写
解决方案中提到,填报校验后事件返回参数为fr_verifyinfo,该参数包括两个属性,fr_verifyinfo.successfr_verifyinfo.info
fr_verifyinfo.success返回两个值,true和false,如果返回true则表示校验成功,如果返回false表示校验失败,可用fr_verifyinfo.info获取校验后的提示信息,校验失败该参数则包含错误的提示信息,
如下图,在校验后事件中添加如代码:
完整的代码如下:
HTML/XML代码
if(fr_verifyinfo.success){    
    alert("校验成功");  
}else {   
    if(fr_verifyinfo.info=="F3:0")  
    {  
        alert("成本价小于0!!!");  
        location.reload();  
        return false;         
    }  
    else  
    {  
        FR.Msg.confirm("警告","成本价大于1000,确认要提交吗?",function(result){  
            if(result){  
            contentPane.writeReport();                
            location.reload();            
            }  
            })  
        return false;  
        }  
      
}  
FR.Msg.confirm的详细介绍请查看Msg
注:contentPane.writeReport();表示强制提交,即不论校验是否成功都提交。
3.4 效果查看
F3单元格,也就是成本价对应单元格值填写0~1000之间的数值,如下图:
成本价填报小于0 的值,如下图:
点击确定后则刷新页面。
成本价填报大于1000的值,如下图:

已完成模板请参照%FR_HOME%\WebReport\WEN-INF\reportlets\doc\Form\VerifyForm\JsSubmitVerify.cpt