JS實現點選無線電鈕組切換sheet

1. 概述

1.1 問題描述

報表有多個sheet 時,每次切換 sheet 都需要行動滑鼠點選左下方便籤,且 sheet 標籤過多時,很難準確的選中標籤,能不能透過一種簡單的方法來供使用者準確的選中 sheet 呢? 
如下圖所示,sheet 標籤名稱為「無線電鈕組元件」的任意一值,點選可以切換到對應的 sheet。

动画4.gif

1.2 實現思路

給「無線電鈕組元件」新增「狀態改變」事件,選擇不同的值,頁面跳轉到對應的 sheet 頁。

2. 範例

2.1 準備範本

1)建立範本,新增 6 個 sheet,分別重新命名為蘋果、草莓、橘子、梨子、藍莓、葡萄。如下圖所示:

2024-07-29_13-59-05.jpg

注:在 sheet 名稱上按滑鼠右鍵,可選擇重新命名。

2)點選菜單欄「範本<範本參數」,新增「範本參數」rs,如下圖所示:

QQ图片20240729140124.png

3)將參數 rs 新增在參數介面,綁定「無線電鈕組元件」,如下圖所示:

QQ图片20240729140507.png

設定 「無線電鈕組元件」的「數字字典」,類型選擇「自訂」,自訂選項為 sheet 標籤名,如下圖所示:

注:無線電鈕組的選項實際值必須與sheet名一一對應。

QQ图片20240729140917.png

2.2 新增事件

選中「無線電鈕組元件」,新增一個「狀態改變」事件。如下圖所示:

20240729141119.png

JavaScript 程式碼如下:

var c = _g().getParameterContainer().getWidgetByName("rs");
var s = c.getValue();
_g().loadSheetByName(s);

2.3 預覽效果

儲存範本,預覽方式選擇「填報預覽」或「資料分析」預覽報表,選中「無線電鈕組元件」的任意一值,可以切換到對應的 sheet 頁。效果如下圖所示:

动画4.gif

注:不支援行動端。

3. 範本下載

已完成的範本,可參見:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填報預覽JS實體\17-JS實現點選無線電鈕組切換sheet.cpt

點選下載範本:17-JS實現點選無線電鈕組切換sheet.cpt

附件列表


主題: 填報應用
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
中文(繁體)

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

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

不再提示

8s后關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙

反饋已提交

網絡繁忙