报表开发工具FineReport设置js自定义按钮导出.pdfVIP

j s 自定义按钮导出 j s 自定义按钮导出 目录 目录 1. 描述 2. 示例  FR 报表设置   自定义导出按钮   完整代码  3. 效果查看 1. 描述 FineReport 支持多种丌同的导出方式，直接使用 FineReport 内置导出按钮 可以非常快捷方便的来对各种格式的输出，但是我们在web 页面集成中的时候， 往往只想讲报表内容嵌入到 iframe 中，而工具栏以及工具栏上的按钮都会隐藏 掉，而使用web 页面自定义的按钮，那么，此时，这种自定义按钮如何实现导 出呢，如下图所示： 2. 示例 如上图所示，我们新建一个html 页面，定义一个工具栏和一个iframe ，工具 栏中定义上图所示的按钮，iframe 中嵌入FR 中的报表，如下图： 2.1 FR 报表设置 打开设计器，找到上面web 页面中嵌入的那张模板，由于要使用自定义按钮 作为工具栏，那么 FR 报表内置的工具栏就无需显示出来。点击模板模板web 属性分页预览设置 ，去掉使用工具栏前面的勾选，如下图： 2.2 自定义导出按钮 web 页面中定义了6 个自定义导出按钮，那么怎样才能实现导出操作呢？ FineReport 导出操作的js 接口为： 导出PDF ：exportReportToPDF() 导出[Excel](分页) ：exportReportToExcel(page) 导出[Excel](原样) ：exportReportToExcel(simple) 导出[Excel](分页分sheet) ：exportReportToExcel(sheet) 导出[图片] ：exportReportToImage(gif) 【括号里面可以更换参数，比如说 png ，jpg 等等图片类型】 导出[word] ：exportReportToWord() 故，各个按钮的点击事件应该调用上述的js 接口来实现其对应的导出格式， 比如说导出PDF ，那么其按钮的onclikc 事件为： 1. onclick=document.getElementById(reportFrame).cont entWindow.contentPane.exportReportToPDF() 注：document.getElementById(reportFrame)是获取到 iframe 框架，然 后通过 contentWindow 得到报表窗口，并拿到 contentPane 这个报表容器， 最后就可以从容器中调用各种导出接口的方法了。 其他的几个按钮的导出事件这里就丌一一讲解了。 2.3 完整代码 根据上述同样的方法为其他几个按钮添加导出事件，完整代码如下： 1. html 2. head 3. titleFineReport 自定义导出/title 4. meta http-equiv=Content-Type content=text/html ; charset=GBK / 5. /head 6. body 7. 8. fieldset 9. div id=toolbar 10. button type=button onclick=document.get ElementById(reportFrame).contentWindow.contentPane .exportReportToPDF()导出[PDF]/button 11. button type=button onclick=document.get ElementById(reportFrame).contentWindow.contentPane .exportReportToExcel(page) 导 出 [Excel]( 分 页)/button 12. button type=button onclick=document.get ElementById(reportFrame