历史版本19 :JS隐藏正在加载图标与文字 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 问题描述
报表制作过程中,尤其涉及到数据定时刷新、大屏展示时,我们需要通过 JS 来控制实现刷新效果。但是,刷新过程中,会出现正在加载图标和文字,对于大屏等效果而言,显得并不美观。
1.2 解决思路
重写正在加载的文字和图标所在的函数,即 FR.HtmlLoader.loadingEffect。
2. 示例编辑
打开 %FR_HOME%/webroot/WEB-INF/reportlets/demo/analytics/收益分析联动.frm
点击下载模板:收益分析联动.frm
选择 body,添加初始化后事件,如下图所示:
JS 代码如下:
FR.HtmlLoader.loadingEffect=function(){}
注:此方法适用于分页、分析、决策报表模板,简易通用
3. 预览效果编辑
保存预览,即可看到当决策报表里某个报表块/图表块刷新的时候,正在加载的动画和文字都消失了。如下图所示:
注:不支持移动端。
4. 已完成模板编辑
已完成的模板,可参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\JS\表单JS实例\16-JS隐藏正在加载图标与文字.frm
点击下载模板:16-JS隐藏正在加载图标与文字.frm