JS自訂工具欄按鈕控制參數欄的顯示與隱藏

1.1 版本

1.2 預期效果

普通报表分页预览时，希望点击按钮实现参数面板的显示与隐藏。如下图所示：

1.3 實現思路

普通报表中，利用「模板Web属性>分页预览」设置中，增加自定义按钮，设置自定义事件，实现参数面板的显示和隐藏。

2.1 準備範本

準備內建範本：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\Parameter\Parameter.cpt

點選下載範本：Parameter.cpt

2.2 新增按鈕

1）開啟範本，點選「範本>範本 We b屬性>分頁預覽設定」,選擇為「該範本單獨設定」，為工具欄增加一個自訂按鈕，如下圖所示：

2）進入工具欄按鈕設定，設定按鈕名稱為「顯示參數欄」，點選自訂事件，新增 JS 程式碼，如下圖所示：

JavaScript 程式碼如下：

$('.parameter-container').css('visibility','visible');

3）同樣方法，重新整理增一個自訂按鈕，如圖：

JavaScript 程式碼如下：

$('.parameter-container').css('visibility','hidden');

2.3 效果預覽

儲存範本，點選「分頁預覽」，效果如下圖所示：

注：不支援行動端。

已完成範本可參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具欄JS實體\07-JS自訂工具欄按鈕控制參數欄的顯示與隱藏.cpt

點選下載範本：07-JS自訂工具欄按鈕控制參數欄的顯示與隱藏.cpt