web报表控件FineReport中Web页面简单集成例子

时间:2026-02-14 23:52:17

1、 集成方法

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

<iframe id="reportFrame

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

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

2、示例

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

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

<html>

 <head>

  <title>FineReport Demo</title>

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

 </head>

 <body>

 <iframe id="reportFrame

 </body>

</html>

3、效果查看

效果如下:

web报表控件FineReport中Web页面简单集成例子

4、 不支持将报表显示在div内

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

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

© 2026 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com