JS实现自动轮播cpt报表

编辑
  • 文档创建者:yiyemeiying
  • 浏览次数:10349次
  • 编辑次数:9次
  • 最近更新:Kevin-s 于 2019-06-22
  • 1. 问题描述

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

    222


    2. 实现思路

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


    3. 示例

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

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

    222

    JavaScript 代码:

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

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

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

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

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

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

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

    注:如果是决策报表文件(.frm),可参考类似文档:暂停和继续轮播报表

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


    4. 保存预览

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


    附件列表


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

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]