JS实现多报表自动轮播

编辑
文档创建者:yiyemeiying (78157 )     浏览次数:4251次     编辑次数:5次     最近更新:jiangsr 于 2018-02-01     

目录:

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),跳转路径中的【reportlet】需要修改成【formlet】。

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

附件列表


主题: 二次开发
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: