1. 概述
1.1 問題描述
對於監控系統,資料庫中的資料是即時更新的,希望報表也能夠即時更新資料,如實時監控股價走勢。要如何設定才能實現報表的定時重新整理呢?
1.2 實現思路
透過為報表範本新增「載入結束」事件實現。
決策報表實現定時重新整理請參考:JS實現決策報表定時重新整理
2. 範例
2.1 開啟範本
點選下載範本:範本.cpt
2.2 新增事件
開啟一個需要即時重新整理的範本,點選「範本>範本 Web 屬性>分頁預覽設定」,選擇「為該範本單獨設定」,新增一個「載入結束」事件。如下圖所示:
事件內容中 JS 使用 setInterval 方法,以指定週期呼叫一個定時重新整理報表頁面的函數。
JavaScript 代碼如下:
setInterval("self.location.reload();",10000); //10000ms即每10s重新整理一次頁面
2.3 效果預覽
保存範本預覽,在 PC 和行動端中都會每 10s 重新整理一次報表。
2.3.1 PC 端
2.3.2 行動端
HTML5 端效果如下,如下圖所示:
注:不支援 App
3. 已完成範本
點選下載範本:普通報表定時重新整理JS範本.cpt