历史版本12 :JS实现点击按钮实现全屏预览 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
2. 示例编辑
打开报表 %FR_HOME%\webapps\webroot\WEB-INF\reportlets\GettingStarted.cpt
在参数面板添加一个全屏显示按钮控件,在控件属性中点击事件,添加一个点击事件:
编辑点击事件,添加下面的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(极速模式)浏览器。
保存模板,点击分页预览即可查看效果。点击参数面板的全屏显示按钮即可全屏显示报表,如下图: