反馈已提交

网络繁忙

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

  • 文档创建者:星痕
  • 历史版本:27
  • 最近更新:Carly 于 2023-09-13
  • 1. 概述

    1.1 问题描述

    决策报表展示中,尤其大屏报表,会涉及到数据定时刷新、我们可以通过添加 JS 来实现刷新效果。但在刷新过程中,会出现正在加载的图标。如下图所示:

    所以在刷新过程中,不显示加载图标,要如何实现呢?

    image.png

    1.2 实现思路

    通过给 body 添加「初始化后」事件,利用 FR.HtmlLoader.loadingEffect 接口将正在加载的图标重置为空。

    1.3 注意事项

    1)本方案对模板整体首次加载无效。

    2)本方案不支持移动端。

    3)本方案适用于决策报表,适用于分页预览和分析预览的普通报表。  

    2. 示例

    2.1 准备模板

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

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

    模板预览效果为点击报表块中公司超链接,会联动左侧图标发生变化,变化时报表加载会出现加载动画。如下图所示:

    image.png

    2.2 添加事件

    选择 body,为其添加一个「初始化后」事件。如下图所示:

    image.png

    JavaScript 代码如下:

    FR.HtmlLoader.loadingEffect=function(){}

    注:此方法适用于分页、分析、决策报表模板。  

    2.3 预览效果

    保存模板,点击「PC端预览」,即可看到点击超链时,联动报表块和图表块刷新的时候,已不显示加载动画。如下图所示:

    222

    注:不支持移动端。

    3. 模板下载

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

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

    附件列表


    主题: 决策报表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持