JS透過判斷使用者控制工具欄的顯示與隱藏

1.1 問題描述

數據決策系統中，不同角色查看同一張範本，所看到工具欄按鈕或工具欄是否顯示效果不同，可透過 權限細粒度之工具欄控制 來實現。

但相同角色的不同使用者該如何來實現這一功能呢？

1.2 解決方案

報表新增「載入起始」事件，判斷同一角色下，登入帳號的不同，來對工具欄實現顯示或隱藏效果。

2.1 開啟範本

開啟報表：%FR_HOME%\WebReport\WEB-INF\reportlets\demo\form\簡單自由填報.cpt。

2.2 新增載入起始事件

選擇「範本>範本 Web 屬性>填報頁面設定」，選擇「為該範本單獨設定」，新增一個「載入結束」事件，設定參數 T=$fine_username，如下圖所示：

JavaScript 程式碼如下：

if (T == 'Anna') {
	//隱藏工具欄
	$('.x-toolbar').css('display', 'none');
	$('.reportPane ').css('top', '0');
} else {
	$('.x-toolbar').css('display', 'block');
	$('.reportPane ').css('top', '28px');
}

2.3 效果預覽

儲存範本，同一角色（一線技術支援），安娜（Anna）和王國強（Cherry）分別登入數據決策系統，存取該報表。

安娜不能看到工具欄，如下圖所示：

王國強可以看到工具欄，如下圖所示：

注：不支援行動端。

已完成範本請參見：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\JS\工具欄JS實體\09-JS透過判斷帳號控制工具欄的顯示與隱藏

點選下載範本：09-JS透過判斷帳號控制工具欄的顯示與隱藏.cpt