文档章节

如何把报表放到网页中显示(Web页面与报表简单集成例子)

九月你好123
 九月你好123
发布于 2015/08/03 10:48
字数 636
阅读 822
收藏 2

1.问题描述

现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML、ASP、JSP、PHP等,因此需要将制作好的报表嵌入到这些页面中。

FineReport制作出的报表可以通过Frame框架集成到Web页面中。

2.将报表显示在Frame框架内

2.1集成方法

报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可。

1.     <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>  

用户可以控制iframe的位置来控制报表在页面的什么地方显示,还能够通过iframe获取到报表,从而获取报表内容或调用报表内部现成的方法,我们在后续章节会进行介绍。

注:此方法iframe的src会显示出完整的报表路径,尤其在有参数的情况下,可以使用post方式向iframe提交请求,这样src里有不会出现具体的参数了。

2.2示例

我们以HTML为例,将报表嵌入到一个HTML页面中:

1.     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  

2.     <html>  

3.      <head>  

4.       <title>FineReport Demo</title>  

5.       <meta http-equiv="Content-Type" content="text/html; charset=GBK" />  

6.      </head>  

7.      <body>  

8.      <iframe id="reportFrame" width="900" height="400" src="/WebReport/ReportServer?reportlet=/doc/Primary/Parameter/Parameter.cpt"></iframe>  

9.      </body>  

10.  </html>  

2.3效果查看

在浏览器中输入http://localhost:8075/WebReport/page_demo/Simple.html,效果如下:

已完成示例请参照%FR_HOME%\WebReport|page_demo\Simple.html

3.不支持将报表显示在div内

若您希望自己系统页面中的按钮调用FineReport内部现成的js方法如(打印方法),需要加载FineReport的js文件,FR的js采用jquery v1.9.2框架;

实际情况下,一个页面中可能不仅仅只有报表部分,用户可能会加载其他版本的jquery,为避免js冲突,我们建议将报表内容显示在iFrame中,而不要显示在div中。

需要调用FineReport内部的js方法时,可以通过iFrame获取报表再调用方法,具体可参考js使用说明文档。


© 著作权归作者所有

九月你好123
粉丝 10
博文 111
码字总数 112722
作品 0
杭州
私信 提问
web报表开发技术专题四:开发报表设计器的背后故事

前面的几个 web 报表开发技术专题都是一些纯技术性的东西,本专题就讲一些轻松一点的话题吧! 要论开发web报表系统最麻烦的是哪一部分,我会自然地想到应该是报表设计器了。因为报表设计器包...

长平狐
2012/10/11
366
0
Flex:MyReport报表引擎介绍

MyReport报表引擎 产品介绍 MyReport报表引擎是专门面向软件开发人员、软件开发商而开发的报表产品,提供报表领域(特别是Web报表领域)的良好解决方案。 MyReport报表引擎基于Flex技术平台构...

彭博
2012/03/09
313
0
Flex:MyReport报表引擎介绍

MyReport报表引擎 产品介绍 MyReport报表引擎是专门面向软件开发人员、软件开发商而开发的报表产品,提供报表领域(特别是Web报表领域)的良好解决方案。 MyReport报表引擎基于Flex技术平台构...

彭博
2012/03/09
342
0
如何获取url中的参数并传递给iframe中的报表

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

九月你好123
2016/11/24
38
0
Web报表工具FineReport的JS API开发(二)

上次介绍FineReport的JS API中的第一类开发--FR,这次就来介绍一下FS和contentWindow类的开发。 1 FS FS是数据决策系统中的js接口,比如说FS.tabPane.addItem,先介绍几类操作: 1.1 FS.Tran...

九月你好123
2016/03/23
131
0

没有更多内容

加载失败,请刷新页面

加载更多

MongoDB系列-在复制集(replication)以及分片(Shard)中创建索引

关注我,可以获取最新知识、经典面试题以及微服务技术分享   在使用MongoDB时,在创建索引会涉及到在复制集(replication)以及分片(Shard)中创建,为了最大限度地减少构建索引的影响,在副本...

ccww_
17分钟前
12
0
SAP HANA数据库multi container模式JDBC链接connection refused

报错如下信息 com.sap.db.jdbc.exceptions.JDBCDriverException: SAP DBTech JDBC: Cannot connect to jdbc:sap://xxx.xxx.xxx.xxx:30015 [Cannot connect to host xxx.xxx.xxx.xxx:30015 [C......

flash胜龙
42分钟前
27
0
c++ 虚基类

c++ 虚基类 p556

天王盖地虎626
48分钟前
83
0
k8s删除Terminating状态的命名空间

背景: 我们都知道在k8s中namespace有两种常见的状态,即Active和Terminating状态,其中后者一般会比较少见,只有当对应的命名空间下还存在运行的资源,但是该命名空间被删除时才会出现所谓的...

Andy-xu
59分钟前
70
0
seata源码阅读笔记

seata源码阅读笔记 本文没有seata的使用方法,怎么使用seata可以参考官方示例,详细的很。 本文基于v0.8.0版本,本文没贴代码。 seata中的三个重要部分: TC:事务协调器,维护全局事务和分支...

东都大狼狗
今天
44
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部