JS隐藏正在加载图标与文字

  • 文档创建者:星痕
  • 编辑次数:19次
  • 最近更新:Carly 于 2019-10-12
  • 1. 概述

    1.1 问题描述

    报表制作过程中,尤其涉及到数据定时刷新、大屏展示时,我们需要通过 JS 来控制实现刷新效果。但是,刷新过程中,会出现正在加载图标和文字,对于大屏等效果而言,显得并不美观。

    222

    1.2 解决思路

    重写正在加载的文字和图标所在的函数,即 FR.HtmlLoader.loadingEffect

    2. 示例

    打开 %FR_HOME%/webroot/WEB-INF/reportlets/demo/analytics/收益分析联动.frm

    点击下载模板:收益分析联动.frm

    选择 body,添加初始化后事件,如下图所示:

    222

    JS 代码如下:

    FR.HtmlLoader.loadingEffect=function(){}

    注:此方法适用于分页、分析、决策报表模板,简易通用  

    3. 预览效果

    保存预览,即可看到当决策报表里某个报表块/图表块刷新的时候,正在加载的动画和文字都消失了。如下图所示:

    222

    注:不支持移动端。

    4. 已完成模板

    已完成的模板,可参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\16-JS隐藏正在加载图标与文字.frm

    点击下载模板:16-JS隐藏正在加载图标与文字.frm

    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览