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

2025-11-27 10:27:59

1、集成方法

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

用户可以控制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>

</head>

<body>

</body>

</html>

3、效果查看

效果如下：

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

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

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

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

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。