润乾报表JSF FORM 标签中使用填报表解决方案



需求

润乾报表的标签需要在jsf页面中和其他填报控件一起使用，润乾报表负责展现录入部分数据，并且这部分数据和页面的其它控件的数据存在前台和后台的交互。

问题

润乾报表在前台会生成自己的form，嵌入到的jsf的form标签中后，出现两个form嵌套的情况，造成报表无法填报和提交。

Jsf1.1版本本身不支持两个form的提交，所以form并列的方式也不可取。

可行解决方案：

1：填报表解析后本身不作为一个form，当我们点击提交的时候动态生成一个iframe，这个iframe中生写一个form，再把报表数据写到这个form中去做提交保存操作。

2：可选择是否生成form。

 1）当润乾填报表使用在jsf的form标签中时，选择不生成form，然后可以通过js方法遍历获取到填报的数据，将数据和其他填报套件的数据一同提交到后台处理。

 2）当润乾填报表单独使用时，不嵌套在jsf的form标签中，选择生成form，润乾填报表可以填报保存数据。

实现的解决方案：

对于其它填报控件中数据需要和润乾填报的数据进行交互的情况，前台获取润乾填报表数据，跟用户自己开发的填报控件数据一同提交不失为一种很好的方法，因为这样数据可以直接进入客户的业务处理类进行交互处理。

 

目前润乾报表已经支持第二种处理方法，即选择不生成form标签。使用方法：

   <f:view>

   <h:form>

   <f:subviewid=“a”>

     <f:verbatim>

   <report:htmlname=“report1″reportFileName=“mydataset.raq”

          funcBarLocation=“top”

          needPageMark=“yes”

          needPrint=“yes”

          needSaveAsWord=“yes”

          submit=“保存“

          generateParamForm=”no”

          width=“-1″

          reportEnterUrl=“add.jsf”

          generateSubmitForm=“no”

          exceptionPage=“/reportJsp/myError2.jsp”/>

      </f:verbatim>

   </f:subview>

   <inputname=“get1″value=“查看值1″type=“button”type=“form1″onClick=“getInputData()”>

   <inputname=“get2″value=“查看值2″type=“button”type=“form1″onClick=“getCycle()”>

   </h:form>

    </f:view>

  

遍历报表填报表中输入的数据，包括真实值，显示值，单元格与数据库字段的对应关系（单元格定义的html事件）的js：

<script type=”text/javascript”>

function getCycle(){  //cellName为扩展格的名称，n为扩展出几个，reportName为tag的name属性
_submitEditor(document.getElementById(‘report1′));
var rpt = document.getElementById(“report1″);
//获得报表的行数
var rowCount = rpt.rows.length;
//alert(rowCount);
//获得报表的列数
var colCount = rpt.rows[0].cells.length;
//alert(colCount);

for(var j=1;j<=colCount;j++){
var cname=”";
if(j==1) cname=”report1_A”;
if(j==2) cname=”report1_B”;
if(j==3) cname=”report1_C”;
if(j==4) cname=”report1_D”;
if(j==5) cname=”report1_E”;
if(j==6) cname=”report1_F”;
if(j==7) cname=”report1_G”;
for(var i=1;i<=rowCount;i++){
var cname1=cname+i.toString();
if(document.getElementById (cname1).modifiable){
var tempValue = document.getElementById (cname1).value; //获得单元格的真实值
      alert(“单元格”+i+”的真实值是”+tempValue);
var xsValue = document.getElementById (cname1).innerText; //获得单元格的显示值
      alert(“单元格”+i+”的显示值是”+xsValue);
var dbfiled = document.getElementById (cname1).dbfiled; //获得单元格的定义的html事件名称
      alert(“单元格”+i+”的数据字段是”+dbfiled);
}
}
}
}

//–>
</script>

总结：

数据交互即可后台处理，也可前台处理，以上方案适用于jsf使用自定义填报套件和润乾填报表一同进行数据保存处理或者jsp中form中使用润乾填报表的业务场景