反饋已提交
網絡繁忙
在实际工作中,需要实现多张报表自动轮播效果,但区别于 自动切换分页效果 及 图表手动切换。实际效果如下图所示:
给报表添加「加载结束」事件,通过 JavaScript 延时函数,页面加载完成后停留一定时间自动跳转到另一页面来实现自动轮播特效。
依次打开设计器内置模板:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_1.cpt%FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_2.cpt %FR_HOME%\webapps\webroot\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_3.cpt
打开模板 3Darea_1.cpt,设计器菜单栏点击模板>模板Web属性>分页预览设置 ,选择为该模板单独设置 ,添加 加载结束 事件,如下图所示:
3Darea_1.cpt 报表的 JavaScript 代码如下:
setTimeout(function(){ window.location="${servletURL}?viewlet=doc/Advanced/Chart/3Darea_2.cpt";},3000)
按照上述步骤,继续为 3Darea_2.cpt 报表的添加 加载结束 事件及 JavaScript 代码,代码如下:
setTimeout(function(){ window.location="${servletURL}?viewlet=doc/Advanced/Chart/3Darea_3.cpt";},3000)
按照上述步骤,继续为 3Darea_3.cpt 报表的添加 加载结束 事件及 JavaScript 代码,代码如下:
setTimeout(function(){ window.location="${servletURL}?viewlet=doc/Advanced/Chart/3Darea_1.cpt";},3000)
注:如果是决策报表文件(.frm),设置方法参见文档:暂停和继续轮播报表
保存模板,任一模板点击分页预览 ,每隔 3 秒模板切换一次,效果如下图所示:
注:不支持移动端。
已完成的模板可参见:
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\普通报表自动轮播1.cpt
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\普通报表自动轮播2.cpt
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\普通报表自动轮播3.cpt
点击下载模板:
注:模板下载后查看效果时,请先根据 JavaScript 代码中模板路径将模板保存在相应的路径下。
普通报表自动轮播1.cpt
普通报表自动轮播2.cpt
普通报表自动轮播3.cpt
文 檔回 饋
滑鼠選中內容,快速回饋問題
滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。
不再提示
10s後關閉