历史版本6 :JS实现普通报表自动轮播 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 问题描述编辑

当我们要在同一屏上实现多张报表自动轮播的效果,区别于同一报表的自动翻页效果图表切换。该如何实现呢?

222

2. 实现思路编辑

可以通过FR自带的JavaScript延时函数,使页面在规定时间后执行跳转到另一不同页面的操作来完成轮播特效。

3. 示例编辑

打开模板:%FR_HOME%\WebReport\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_1.cpt

点击菜单模板>模板web属性>分页预览设置,选择“为该模板单独设置”,添加一个“加载结束”事件。

222

JavaScript代码:

setTimeout(function(){ window.location="${servletURL}?reportlet=doc/Advanced/Chart/3Darea_2.cpt"; },3000)

打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_2.cpt ,同理设置!

编辑加载结束事件,添加下面的JavaScript代码:

setTimeout(function(){ window.location="${servletURL}?reportlet=doc/Advanced/Chart/3Darea_3.cpt"; },3000)

打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\ doc\Advanced\Chart\3Darea_3.cpt ,同理设置!

编辑加载结束事件,添加下面的JavaScript代码:

setTimeout(function(){ window.location="${servletURL}?reportlet=doc/Advanced/Chart/3Darea_1.cpt"; },3000)

注:如果是决策报表文件(.frm),则选中报表控件,添加初始化事件,设置方式类似于决策报表中引用Css文件,并需要将跳转路径中的【reportlet】修改成【formlet】。

如:setTimeout(function(){ window.location="${servletURL}?formlet=doc/Advanced/Chart/XXX.frm"; },3000)

4. 保存预览编辑

保存模板,选择分页预览,效果如上图。