Home > Developer > Web Develop
1. Description of the problem
today, user-developed systems tend to BS schema of the browser / Server mode. These systems may be developed in different languages. such as HTML,ASP,JSP,PHP and so on. It is therefore necessary to embed the prepared reports in these pages.
FineReport the produced report can be made through Frame Framework integration into Web the page.
2. Display the report within frame frame
2.1 Integration Method
A report is a part of a page that can be iFrame embedded in the Web page. Specify The src of the iFrame to be able.
1. <iframe id="Reportframe" width=" height= " src="/webreport/reportserver?reportlet=/doc/primary/parameter/parameter.cpt"></iframe >
The user can control the location of the IFrame to control where the report appears on the page. You can also get a report from an IFRAME to get the report content or to invoke an out-of-the-box method within the report, which we'll cover in the section.
Note: The src of this method will show the full report path, especially in the case of a parameter. Ability to submit requests to an IFRAME using post. In this case, there will be no detailed parameters in SRC.
2.2 Demo Examples
us to HTML as an example, embed the report in a HTML On the page:
1. <! DOCTYPE HTML public "-//W3C//DTD HTML 4.0 transitional//en">
2.
3.
4. <title>finereport demo</title>
5. <meta http-equiv="content-type" content="text/html; CHARSET=GBK " />
6.
7. <body>
8. <iframe id="Reportframe" width=" height= " src="/webreport/reportserver?reportlet=/doc/primary/parameter/parameter.cpt"></iframe >
9. </body>
Ten.
2.3 Effect View
enter in the browser http://localhost:8075/WebReport/page_demo/Simple.html , the effect is as follows:
Completed Demo sample please take the photo %fr_home%\webreport|page_demo\simple.html
3. Do not support displaying reports inside Div
internal off-the-shelf js finereport js file, fr js Span style= "font-size:14px" > use jquery v1.9.2 frame.
the actual situation. A page may not be the only part of the report. Users may load other versions of jquery, andto avoid js Collisions, we recommend displaying the contents of the report in an iFrame . Instead of appearing in the div .
need to call FineReport of Internal JS method, you can pass IFrame get report re-call method, detailed can refer to JS Instructions for use documentation.
How to put a report on a Web page (Web page and report simple integration example)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
