JS隱藏sheet欄

1.1 問題描述

有時候透過自訂按鈕實現了切換 sheet 效果，不需要使用官方提供的 sheet 欄，希望隱藏掉；或者直接想隱藏掉 sheet 欄。那麼可以使用本文的方案來實現。

1.2 實現思路

在「填報頁面設定」處新增「載入結束」事件，透過 JavaScript 程式碼來實現。

2.1 準備範本

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

直接填報預覽該範本，可以看到由於有兩個 sheet 頁，所以底部出現了 sheet 欄。

2.2 隱藏sheet欄

給範本的「填報頁面設定」處新增一個「載入結束」事件，操作如下圖所示：

事件對應 JavaScript 程式碼如下：

$(".fr-tabpane-controlbuttons.ui-state-enabled").hide()
$(".fr-tabpane-tabscontent-bg").hide();

2.3 效果預覽

儲存範本，填報預覽該範本，可以看到底部sheet欄被隱藏了，如下圖所示：

注：不支援行動端預覽。

點選下載範本：JS隱藏sheet欄.cpt