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

目录:

一、问题描述编辑

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

222

二、实现思路编辑

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

三、示例编辑

3.1 打开 doc/Advanced/Chart/3Darea_1.cpt 文件，点击菜单模板>模板web属性>分页预览设置，选择“为该模板单独设置”，添加一个“加载结束”事件。

222
编辑加载结束事件，添加下面的JavaScript代码：

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

3.2 打开 doc/Advanced/Chart/3Darea_2.cpt 文件，同理设置！

编辑加载结束事件，添加下面的JavaScript代码：

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

3.3 打开 doc/Advanced/Chart/3Darea_3.cpt 文件，同理设置！

编辑加载结束事件，添加下面的JavaScript代码：

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


注：如果是表单文件（.frm），跳转路径中的【reportlet】需要修改成【formlet】。

例：setTimeout(function(){ window.location="${servletURL}?formlet=doc/Advanced/Chart/3Darea_1.frm"; },3000)

四、效果预览编辑

保存模板，点击分页预览即可查看效果。

注：以上操作仅实现了3张报表延时3秒的自动轮播特效，具体参数设置请依实际情况来设置！