JS实现全屏预览效果

目录:

1.  问题描述

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

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(); } //IE11 else if(elem.msRequestFullscreen){ elem.msRequestFullscreen(); }

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

222


附件列表


主题： 二次开发
标签： 已验证

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