历史版本9 :JS实现点击按钮实现全屏预览 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

目前决策平台中提供了全屏显示的功能，如果不通过决策平台，如何实现单张报表的全屏预览呢？

注：这里是普通报表点击按钮的实现方法，决策报表中点击图表实现全屏的方法可参考：JS实现点击报表实现全屏效果

2. 示例编辑

打开报表 %FR_HOME%\WebReport\WEB-INF\reportlets\GettingStarted.cpt

在参数面板添加一个全屏显示按钮控件，在控件属性中点击事件，添加一个点击事件：

222

编辑222点击事件，添加下面的JavaScript代码：

var docElm = document.documentElement; //W3C if(docElm.requestFullscreen){ docElm.requestFullscreen(); } //FireFox else if(docElm.mozRequestFullScreen){ docElm.mozRequestFullScreen(); } //Chrome等 else if(docElm.webkitRequestFullScreen){ docElm.webkitRequestFullScreen(); }

注：上述代码仅适配于谷歌、火狐、360（极速模式）浏览器。

保存模板，点击分页预览即可查看效果。点击参数面板的全屏显示按钮即可全屏显示报表，如下图：

222