JS實現當前頁重新整理

1.1 預期效果

1.1.1 範例一：填報成功重新整理

1.1.2 範例二：點選按鈕重新整理

1.2 實現思路

透過location.reload()或者_g().refreshAllSheets()來重新整理頁面，其區別如下：

2.1 準備資料

建立普通報表，建立資料集 ds1，SQL 語句為：SELECT * FROM 僱員

2.2 設計表格

如下圖設計表格，詳細步驟參見文檔：自由填報報表範例

2.3 新增事件

功能表列點選「範本>範本 Web 屬性>填報頁面設定」，選擇為該範本單獨設定，新增 填報成功事件，如下圖所示：

JavaScript 代碼如下：

setTimeout(function() {
	_g().refreshAllSheets();
//location.reload();
}, 500)

2.4 效果預覽

1）PC 端

保存報表，點選填報預覽，填報成功後重新整理效果如下圖所示：

2）行動端

3.1 準備範本

開啟設計器內建範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doctw\Form\MultiSheetReport\簡單多sheet填報.cpt

3.2 新增事件

1）進入參數面板，將一個按鈕元件拖到面板，按鈕名稱改為“重新整理”，如下圖所示：

2）選擇按鈕元件，新增一個點擊事件，如下圖所示：

JavaScript 代碼如下：

setTimeout(function() {
//_g().refreshAllSheets();
	location.reload();
}, 500)

3.3 效果預覽

保存範本，點選填報預覽，刷新效果如下圖所示：

注：該方案不支援行動端。

4.1 範例一

點選下載範本：填報成功重新整理.cpt

4.2 範例二

點選下載範本：點擊按鈕重新整理.cpt