历史版本3 :JS隐藏正在加载图标与文字 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1、问题描述编辑
报表制作过程中,尤其涉及到数据定时刷新、大屏展示时,我们需要通过js来控制实现刷新效果。但是,刷新过程中,会出现正在加载图标和文字,对于大屏等效果而言,显得并不美观。
2、解决方案编辑
可以通过js来隐藏正在加载的文字和图标
$(".loading-ec-indicator").eq(0).remove(); //去掉正在加载的图标
$(".text-indicator").remove(); //去掉正在加载的文字
$(".loading-ec-indicator").eq(0).remove(); //去掉正在加载的图标
$(".text-indicator").remove(); //去掉正在加载的文字
3.示例编辑
打开 %FR_HOME%/WebReport/WEB-INF/reportlets/demo/analytics/get.frm ,点击报表块,添加初始化后事件,如下图:
具体js如下:
var form = this.options.form;
setInterval(function() {
form.getWidgetByName('report0').gotoPage(1,"{}",true);
$(".loading-ec-indicator").eq(0).remove(); //去掉正在加载图标
$(".text-indicator").remove(); //去掉正在加载文字
}, 5000);
如图中所示,report0为报表块名称。
2017年2月13日10:48:54