JS隐藏正在加載圖标與文字

1.1 問題描述

決策報表展示中，尤其大屏報表，會涉及到數據定時刷新、我們可以通過添加 JS 來實現刷新效果。但在刷新過程中，會出現正在加載的圖标。如下圖所示：

所以在刷新過程中，不顯示加載圖标，要如何實現呢？

1.2 實現思路

通過給 Body 添加「初始化後」事件，利用 FR.HtmlLoader.loadingEffect 接口将正在加載的圖标重置爲空。

2.1 準備模板

打開内置模板 %FR_HOME%/webroot/WEB-INF/reportlets/demo/analytics/收益分析聯動.frm

點擊可下載模板：收益分析聯動.frm

模板預覽效果爲點擊報表塊中公司超鏈接，會聯動左側圖标發生變化，變化時報表加載會出現加載動畫。如下圖所示：

2.2 添加事件

選擇 body，爲其添加一個「初始化後」事件。如下圖所示：

JavaScript 代碼如下：

FR.HtmlLoader.loadingEffect=function(){}

注：此方法适用於分頁、分析、決策報表模板，簡易通用  

2.3 預覽效果

保存模板，點擊「PC端預覽」，即可看到點擊超鏈時，聯動報表塊和圖表塊刷新的時候，已不顯示加載動畫。如下圖所示：

注：不支持移動端。

已完成的模板，可參見：%FR_HOME%\webroot\WEB-INF\reportlets\doc\JS\表單JS實例\16-JS隐藏正在加載圖标與文字.frm

點擊下載模板：16-JS隐藏正在加載圖标與文字.frm