JS实现点击按钮实现全屏预览

目录:

1. 问题描述

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

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

2. 示例

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

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

var docElm = document.documentElement; if(docElm.requestFullscreen){ docElm.requestFullscreen(); } else if(docElm.mozRequestFullScreen){ docElm.mozRequestFullScreen(); } else if(docElm.webkitRequestFullScreen){ docElm.webkitRequestFullScreen();

}

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

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


附件列表


主题：
标签： 已验证 9.0验证

文档内容仅供参考，如果你需要获取更多帮助，付费/准付费客户请咨询帆软技术支持
关于技术问题，您还可以前往帆软社区，点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题，可以联系帆软传说哥（qq：1745114201）