1. 概述
1.1 问题描述
平台「目录」处显示报表节点，点击报表节点会在右侧网页的 iframe 中显示出报表，也会传递一些参数给网页，比如时间和用户信息等。现在希望 iframe 中的报表能够获取到主页面中传递过来的参数，直接填入报表预览页面中。
例如：实现点击链接help/page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡，报表可以直接获取并填入这些参数。如下图所示：
1.2 实现思路
点击报表节点打开一个网页，网页对应的 URL 如：/工程名/xxx.html?para=paravalue，在网页加载时先通过 JS 获取 URL 中的参数值，嫁接在 iframe 的 src 后，形成最终的报表路径。
注1：隐藏参数面板的方法请参见：隐藏参数面板的方法
注2：本文示例适用于下拉框控件。
2. 示例
2.1 制作 HTML 文件
将报表生成网页时，给网页添加 onload 事件，首先获取 URL 中的参数，然后嫁接到 iframe 的 src 上，或者通过获得的参数拼接出完整的报表 URL 赋给 iframe 的 src。
1）新建 HTML 文件geturlpara.html，代码如下所示：
<html>
<head>
<title>FineReport Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<script type="text/javascript" src="/webroot/decision/view/report?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 = "/webroot/decision/view/report?viewlet=" + reportName + "&area=" + area + "&province=" + province + "&city=" + city;
//URL 中可能包含中文或特殊字符因此需要进行编码转换，注意需要先引入 finereport.js
reportURL = encodeURI(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>2）将 HTML 文件放到%FR_HOME%/webapps/webroot/help/page_demo下。
注：示例 HTML 文件已在上述路径下，用户可直接使用。
2.2 平台添加节点
管理员进入平台，点击「管理系统>目录管理>管理目录>添加链接」，新增一个链接形式的报表节点，链接名称为：URL 参数传递给 iframe 中的报表，链接路径为：http://localhost:8075/webroot/help/page_demo/geturlpara.html?report=doc/Parameter/MultiValue/MultiValue.cpt&area=华东&province=江苏&city=无锡
如下图所示：
2.3 效果查看
点击新生成的报表节点，可看到链接路径中的参数传递到报表中。如下图所示：
支持在移动端查看页面，只需要将上述地址中 localhost 换成服务器 IP，然后通过 URL 在移动端访问即可。
上一篇：自定义参数界面和工具栏
