获取url中的参数并传递给iframe中的报表

编辑
文档创建者:文档助手1 (67727 )     浏览次数:13321次     编辑次数:11次     最近更新:yets11 于 2018-04-25     

目录:

1. 问题描述编辑

用户系统在左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等,希望iframe中集成的报表能够获取到主页面中传递过来的参数,如实现下面的点击网页链接page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡,直接可以使报表可以直接使用这些参数222

2. 解决思路编辑

点击节点打开一个网页,网页对应的url如:/appName/xxx.html?para=paravalue,在网页加载时先通过js获取url中的参数值,嫁接在iframe的src后,形成最终的报表路径。

3. 实现方法编辑

3.1 主页面中获取url中的参数
将报表生成网页时,给网页添加onload事件,首先获取url中的参数,然后嫁接到iframe的src上,或者通过获得的参数拼接出完整的报表url赋给iframe的src。
<html> <head> <title>FineReport Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <script type="text/javascript" src="/WebReport/ReportServer?op=emb&resource=finereport.js"></script> <script type="text/javascript"> function autoLoad(){ //返回从问号 (?) 开始的 URL(查询部分) var paraString = location.search; //多个参数用&分隔,将参数字符串转为数组,使每个参数值存于一个数组元素中 var paras = paraString.split("&"); //每个数组元素中"="后面的值即参数值 var reportName = paras[0].substr(paras[0].indexOf("=") + 1); var area = paras[1].substr(paras[1].indexOf("=") + 1); var province = paras[2].substr(paras[2].indexOf("=") + 1); var city = paras[3].substr(paras[3].indexOf("=") + 1); //使用获取的参数值拼接出最终的url var reportURL = "/WebReport/ReportServer?reportlet=" + reportName + "&area=" + area + "&province=" + province + "&city=" + city; //url中可能包含中文或特殊字符因此需要进行编码转换,注意需要先引入finereport.js reportURL = FR.cjkEncode(reportURL); //将新的报表路径赋给报表所在iframe的src document.getElementById("reportFrame").src = reportURL; } //加载网页时调用autoLoad方法 window.onload = autoLoad; </script> </head> <body> <iframe id="reportFrame" width="900" height="400"></iframe> </body> </html>
将代码保存为geturlpara.html,保存在工程下的page_demo文件夹下,如下图所示。
222

3.2 决策报表中添加链接

使用管理员登录决策平台,点击管理系统>目录管理,点击添加链接,链接路径为:page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡,名称为:url参数传递给iframe中的报表,如下图:

222

这样刷新fs,就可以看到左侧目录树中多了一个节点,点击该节点后,就可以在右侧网页的iframe中显示出报表包括传递给网页的参数,  实现所要达到的需求了

附件列表


主题: 部署集成
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗?