历史版本13 :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(极速模式)浏览器。
保存模板,点击分页预览即可查看效果。点击参数面板的全屏显示按钮即可全屏显示报表,如下图: