js调用打印_自定义打印按钮

编辑
文档创建者:文档助手1 (67727 )     浏览次数:3958次     编辑次数:5次     最近更新:幽冥猫儿 于 2017-09-21     

目录:

1. 问题描述编辑

FR工具栏中虽然有打印按钮,但是位置与样式比较死,只能固定在报表上方或下方的工具栏中,不灵活。
用户系统已经自己定义了一套工具栏按钮,页面中只需要嵌入报表内容,不使用FR的工具栏,如果需要打印报表,点击自定义的按钮,调用FR的打印方法进行打印,如下图:
222

2. 解决方案编辑

对于这种打印iframe中嵌入的报表情况,点击“打印”按钮时,先通过js获取到报表所在iframe,进而获得iframe中的window对象,最后调用打印事件,打印出当前iframe中的报表内容。
该方法不管iframe中的报表与当前系统是否是同一个应用,都可以使用,而且不用额外引入finereport.js,避免了部分js跨域问题。
注:同一端口不同工程可用,端口不同不可用。

3. 实现步骤编辑

如报表嵌入在id为reportFrame的iframe中,则点击“打印”按钮触发的事件js如下:
<head> <script type="text/javascript"> function doFRPrint(){ //点击打印按钮时触发 document.getElementById('reportFrame').contentWindow.contentPane.pdfPrint(); //flash打印:.contentWindow.contentPane.flashPrint(); //applet打印:.contentWindow.contentPane.appletPrint(); //服务器端打印:.contentWindow.contentPane.printReportServer(); } </script> </head>

4. 注意编辑

在自定义按钮打印时,有的可能由于业务需要,会将报表所在的iframe隐藏,直接点击打印按钮的时候就打印报表,如果用flash和applet打印的时候,就会发现无法进行下去,这个是因为flash和applet打印的时候会弹出一个打印设置窗口,这个窗口时弹出在报表页面的,即iframe框架内,而iframe框却被隐藏了,所以才无法进行下去,需要在管理平台设置不弹出该设置窗口即可。如下图:
222

附件列表


主题: 专题总结
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: