JS实现自动轮播cpt报表

  • 文档创建者:yiyemeiying
  • 编辑次数: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. 保存预览

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


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!