background image
自定义导出按钮
Web 页面中定义了 9 个自定义导出按钮,那么怎样才能实现导出操作呢?
FineReport 导出操作的 JS 接口为:
导出 PDF:exportReportToPDF()
导出[Excel](分页):exportReportToExcel('page')
导出[Excel](原样):exportReportToExcel('simple')
导出[Excel](分页分 sheet):exportReportToExcel('sheet')
[Excel](
xls
)
exportReportToExcel('page_isExcel2003')
导出[Excel](原样导出 xls 格式):exportReportToExcel('page_isExcel2003')
[Excel](
sheet
xls
)
exportReportToExcel('page_isExcel2003')
导出[图片]:exportReportToImage('gif')【括号里面可以更换参数,比如
说 png,jpg 等等图片类型】
导出[word]:exportReportToWord()
故,各个按钮的点击事件应用调用上述的 JS 接口来实现其对应的导出格式,
比如说导出 PDF,那么其按钮的 onclick 时间为:
onclick="document.getElementById('reportFrame').contentWindow.content
Pane.exportReportToPDF()"
docment.getElementById('reportFrame')是获取到 iframe 框架,然后通过
contentWindow 得到报表窗口,并拿到 contentPane 这个报表容器,最后就可以
从容器中调用各种导出接口的方法了。
其他的几个按钮的导出事件这里就不一一讲解了。
完整代码
根据上述同样的方法为其他几个按钮添加导出事件,完整代码如下:
<html>
<head>
<title>FineReport 自定义导出</title>
<meta
http-equiv="Content-Type"
content="text/html;
charset=UTF-8" />
</head>
<body>
<fieldset>
<div id="toolbar">
<button
type="button"
onclick="document.getElementById('reportFrame').contentWindow.content
Pane.exportReportToPDF()">导出[PDF]</button>
<button
type="button"
onclick="document.getElementById('reportFrame').contentWindow.content
Pane.exportReportToExcel('page')">导出[Excel](分页)</button>
<button
type="button"
onclick="document.getElementById('reportFrame').contentWindow.content