`

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

阅读更多

在使用报表软件时,用户系统左边一般有目录树,点击报表节点就会在右侧网页的iframe中显示出报表,同时点击的时候也会传递一些参数给网页,比如时间和用户信息等。如何使网页中的报表能够获取到传递过来的参数呢?以下用报表软件FineReport简单介绍一些。

具体实现过程

将报表生成页面时,给网页添加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文件夹下。

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

 

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

效果查看

如下图,点击左侧“url参数传给iframe中的报表”节点时,即打开相对应的链接,对应网页就会在中间区域显示出来:

 

0
1
分享到:
评论

相关推荐

    Web报表FineReport页面如何传递中文参数

    在使用报表开发工具FineReport设计web报表时,经常需要嵌入iframe到页面中,并给iframe的src属性指定报表地址的同时传递参数值。在参数值、参数名称以及报表名称中,如果包含中文字符或特殊字符,直接传递可能会导致...

    报表工具FineReport中如何把报表放到网页中显示

    需要注意的是,如果报表中有参数,直接在URL中传递可能会暴露敏感信息。为了解决这个问题,可以采用POST方式向`&lt;iframe&gt;`提交请求,这样可以隐藏URL中的参数信息。 ##### 3.2 示例演示 接下来,我们将以一个简单的...

    转:Birt接收JSP传递的参数值

    4. **BIRT接收参数**:在BIRT报表引擎接收到URL请求后,它会解析参数并将其传递给报表。在报表的SQL查询或者数据集配置中,我们可以使用这些参数来动态地过滤数据。例如,在数据集查询中,可以这样引用参数: ```...

    biee 传递服务器变量(用户名)到外部链接中(精华)

    如果要在报表之外,例如在仪表板(Dashboard)中传递参数到外部网页,需要注意的是,BIEE的嵌入式内容并不支持直接传递参数。但我们可以使用报表来实现这个目的。例如,我们可以嵌入一个`&lt;iframe&gt;`,并将用户名作为...

    Web报表工具

    `document.getElementById('reportFrame').contentWindow`获取到的是iframe中的报表对象,相当于一个独立的`window`对象,可以执行很多在窗口内操作。 #### FR API的使用 在FineReport中,FR API主要通过加载`...

    birt整合到web项目中遇到的问题及解决

    参数传递是通过JavaScript进行的,例如`params["Year"]`获取名为"Year"的参数值,然后将其拼接到MDX查询中,动态生成SQL或MDX语句。确保在报表设计中正确设置了参数,并在运行时正确传递这些参数。 4. **ExtJS面板...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

    Java导出Excel的各种尝试

    Java导出Excel是一种常见的数据处理任务,特别是在企业级应用中,用于数据分析、报表生成和数据交换。本篇文章主要探讨在Java环境下使用Apache POI库进行Excel导出时遇到的问题及解决方案。 1. **Ajax异步请求导出...

    将html页面保存成图片,图片写入pdf的实现方法(推荐)

    在IT行业中,将HTML页面保存为图片并进一步将其写入PDF文档是常见的需求,尤其在报表生成、网页打印或者导出场景中。本篇将详细介绍一个实现这一功能的方法,主要涉及前端JavaScript库html2canvas以及后端处理。 ...

Global site tag (gtag.js) - Google Analytics