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

编辑
文档创建者:cherishdqy (66470 )     浏览次数:2647次     编辑次数:10次     最近更新:ukae 于 2018-08-08     

目录:

1. 问题描述编辑

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

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

2. 示例

打开报表 %FR_HOME%\webapps\webroot\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


附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

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

此页面有帮助吗? [ 去社区提问 ]