历史版本9 :JS隐藏正在加载图标与文字 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
报表制作过程中，尤其涉及到数据定时刷新、大屏展示时，我们需要通过js来控制实现刷新效果。但是，刷新过程中，会出现正在加载图标和文字，对于大屏等效果而言，显得并不美观。
2. 解决方案编辑
方法一：
重写正在加载的文字和图标所在的函数
即FR.HtmlLoader.loadingEffect
方法二：
利用js来隐藏正在加载的文字和图标
$(".loading-ec-indicator").eq(0).remove(); //去掉正在加载的图标
$(".text-indicator").remove(); //去掉正在加载的文字
$(".text-indicator").remove(); //去掉正在加载的文字
3. 示例编辑
3.1 方法一
打开 %FR_HOME%/WebReport/WEB-INF/reportlets/demo/analytics/get.frm，选择form，添加初始化后事件，如下图：
JS代码如下
FR.HtmlLoader.loadingEffect=function(){}
注：此方法适用于分页、分析、表单模板，简易通用
3.2 方法二
仍以上面的模板为例，选择报表块report0，添加初始化后事件，如下图：
JS代码如下：
var form = this.options.form;
setInterval(function() {
form.getWidgetByName('report0').gotoPage(1,"{}",true);
$(".loading-ec-indicator").eq(0).remove();
$(".text-indicator").remove();
}, 5000);
保存预览即可看到正在加载的动画和文字都消失了。