1. 概述
1.1 問題描述
報表有多個sheet 時,每次切換 sheet 都需要行動滑鼠點選左下方便籤,且 sheet 標籤過多時,很難準確的選中標籤,能不能透過一種簡單的方法來供使用者準確的選中 sheet 呢?
如下圖所示,sheet 標籤名稱為「無線電鈕組元件」的任意一值,點選可以切換到對應的 sheet。
1.2 實現思路
給「無線電鈕組元件」新增「狀態改變」事件,選擇不同的值,頁面跳轉到對應的 sheet 頁。
2. 範例
2.1 準備範本
1)建立範本,新增 6 個 sheet,分別重新命名為蘋果、草莓、橘子、梨子、藍莓、葡萄。如下圖所示:
注:在 sheet 名稱上按滑鼠右鍵,可選擇重新命名。
2)點選菜單欄「範本<範本參數」,新增「範本參數」rs,如下圖所示:
3)將參數 rs 新增在參數介面,綁定「無線電鈕組元件」,如下圖所示:
設定 「無線電鈕組元件」的「數字字典」,類型選擇「自訂」,自訂選項為 sheet 標籤名,如下圖所示:
注:無線電鈕組的選項實際值必須與sheet名一一對應。
2.2 新增事件
選中「無線電鈕組元件」,新增一個「狀態改變」事件。如下圖所示:
JavaScript 程式碼如下:
var c = _g().getParameterContainer().getWidgetByName("rs");
var s = c.getValue();
_g().loadSheetByName(s);
2.3 預覽效果
儲存範本,預覽方式選擇「填報預覽」或「資料分析」預覽報表,選中「無線電鈕組元件」的任意一值,可以切換到對應的 sheet 頁。效果如下圖所示:
注:不支援行動端。
3. 範本下載
已完成的範本,可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填報預覽JS實體\17-JS實現點選無線電鈕組切換sheet.cpt
點選下載範本:17-JS實現點選無線電鈕組切換sheet.cpt