zoukankan      html  css  js  c++  java
  • 如何把报表放到网页中显示(Web页面与报表简单集成例子)

    1.问题描述

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

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

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

    2.1集成方法

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

    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_demoSimple.html

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

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

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

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

  • 相关阅读:
    jquery调用click事件的三种方式
    jstl标签设置通用web项目根路径
    大于等于0小于等于100的正数用正则表达式表示
    Codeforces Round #319 (Div. 1) C. Points on Plane 分块
    Codeforces Codeforces Round #319 (Div. 2) C. Vasya and Petya's Game 数学
    Codeforces Codeforces Round #319 (Div. 2) B. Modulo Sum 背包dp
    Codeforces Codeforces Round #319 (Div. 2) A. Multiplication Table 水题
    cdoj 383 japan 树状数组
    bzoj 1800: [Ahoi2009]fly 飞行棋 暴力
    BZOJ 1452: [JSOI2009]Count 二维树状数组
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13326145.html
Copyright © 2011-2022 走看看