历史版本2 :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获取校验后的提示信息,校验失败该参数则包含错误的提示信息,
如下图,在校验后事件中添加如代码:
完整的代码如下:
  1. if(fr_verifyinfo.success){    
  2.     alert("校验成功");  
  3. }else {   
  4.     if(fr_verifyinfo.info=="F3:0")  
  5.     {  
  6.         alert("成本价小于0!!!");  
  7.         location.reload();  
  8.         return false;         
  9.     }  
  10.     else  
  11.     {  
  12.         FR.Msg.confirm("警告","成本价大于1000,确认要提交吗?",function(result){  
  13.             if(result){  
  14.             contentPane.writeReport();                
  15.             location.reload();            
  16.             }  
  17.             })  
  18.         return false;  
  19.         }  
  20.       
  21. }  
FR.Msg.confirm的详细介绍请查看Msg
注:contentPane.writeReport();表示强制提交,即不论校验是否成功都提交。
3.4 效果查看
F3单元格,也就是成本价对应单元格值填写0~1000之间的数值,如下图:
成本价填报小于0 的值,如下图:
点击确定后则刷新页面。
成本价填报大于1000的值,如下图:

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