反饋已提交

網絡繁忙

JS實現正在載入對話框

1. 概述

1.1 問題描述

報表中進行一些操作的時候,可能會消耗比較長的時間,使用者感覺不到頁面有變化,給人體驗很不好。這個時候希望可以有對話框顯示提示,如下圖所示:

.

1.2 實現思路

使用 JS 實現正在載入的對話框,延遲一定時間後,再將對話框關閉。 

2. 範例

2.1範本設計

建立普通報表,在 B2 儲存格輸入文字點選,如下圖所示:


2.2 新增事件

選中 B2 儲存格,新增「超級連結-JavaScript事件」,如下圖所示:

JavaScript 代碼如下:

FR.showLoadingDialog({ title: "正在處理",text: "正在處理,請等待……" });
//延遲3秒後關閉
setTimeout(function({
    FR.hideLoadingDialog()
}, 3000);

FR.showLoadingDialog() 支援的參數如下:

參數說明
width對話框寬度,預設值:200
height對話框高度,預設值:80
title標題,預設值:正在載入
closable對話框是否可以被關閉,預設值:false
contentHtml對話框顯示的內容(這個可以顯示html內容,text顯示純文字)

2.3 效果預覽

2.3.1 PC 端

儲存範本,選擇分頁預覽,效果如 1.1 節所示。

2.3.2 行動端

不支援行動端。

3. 範本下載

點選下載範本:JS實現正在加載對話框.cpt


附件列表


主題: 報表專題
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉