怎样使用web报表开发工具FineReport来页面集成

 我来答
就烦条0o
2016-07-16 · 知道合伙人软件行家
就烦条0o
知道合伙人软件行家
采纳数:33315 获赞数:46492
从事多年系统运维,喜欢编写各种小程序和脚本。

向TA提问 私信TA
展开全部
方法/步骤

1
1. 将报表显示在Frame框架内
1.1 集成方法
报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可。

2
用户可以控制iframe的位置来控制报表在页面的什么地方显示,还能够通过iframe获取到报表,从而获取报表内容或调用报表内部现成的方法,我们在后续章节会进行介绍。
注:此方法iframe的src会显示出完整的报表路径,尤其在有参数的情况下,可以使用post方式向iframe提交请求,这样src里有不会出现具体的参数了。
2.2 示例
我们以HTML为例,将报表嵌入到一个HTML页面中:

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

4
已完成示例请参照%FR_HOME%\WebReport|page_demo\Simple.html
在线查看示例效果请点击Simple.html。
3. 不支持将报表显示在div内
若您希望自己系统页面中的按钮调用FineReport内部现成的js方法如(打印方法),需要加载FineReport的js文件,FR的js采用jquery v1.9.2框架;
实际情况下,一个页面中可能不仅仅只有报表部分,用户可能会加载其他版本的jquery,为避免js冲突,我们建议将报表内容显示在iFrame中,而不要显示在div中。
需要调用FR内部的js方法时,可以通过iFrame获取报表再调用方法,具体可参考js使用说明文档。
http://jingyan.baidu.com/article/a501d80c0fa8bbec630f5eb9.html
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式