finereport自学教程_自定义按钮- FineReport帮助文档 - 全面的报表使用教程和学习资料...

1.1 问题描述

FR 虽然有内置的工具栏，但是位置与样式比较死，只能固定在报表上方或下方，不灵活。

用户系统已经自己定义了一套工具栏按钮，页面中只需要嵌入报表内容，不使用 FR 的工具栏，如下图，用户自己系统里面自定义的打印与输出按钮，放在页面中报表部分之外，如果需要打印报表，点击自定义的按钮，就可调用 FR 的打印方法进行打印，如下图，那么这种效果该如何实现呢？

1.2 实现思路

对于这种 iframe 中嵌入的报表情况，点击自定义按钮时，先通过 JS 获取到报表所在 iframe，由于此 iframe 中嵌入了 FR 报表，在初始化的时候会创建一个 contentWindow 对象，故接下来使用 contentWindow 获取报表，然后获得 contentWindow 的容器属性 contentPane，最后调用相应的方法。

如报表嵌入在 ID 为 reportFrame 的 iframe 中，那么可以通过下面格式的 JS 代码，调用 FR 内置工具栏的所有方法：

document.getElementById('reportFrame').contentWindow.contentPane.方法名称();

如上图的自定义打印按钮的 click 事件中就可以写如下代码，触发 FR 的打印方法：

document.getElementById('reportFrame').contentWindow.contentPane.pdfPrint();