［通用］組件導航快速定位

1.1 版本

1.2 應用場景

範本頁面較長時，希望透過點選懸浮窗導航到本頁面的指定組件位置，可透過本文方法進行設定。

注：首頁範本不支援快速定位。

範本中可設定懸浮窗，點選後導航到頁面指定位置。

2.1 導航樣式設定介面

2.1.1 導航顯示樣式設定入口

1）決策報表中 body 佈局為重佈局時，body 的行動端屬性中可設定導航顯示樣式。如下圖所示：

2.1.2 導航屬性設定入口

• 使用導航可定位到頁面中的元件、報表塊、圖表塊、Tab-layout。

• body 下的快速定位不支援絕對畫布塊、絕對畫布塊下的元件、tab下的元件。

以定位到範本中的圖表塊為例，設定介面如下圖所示：

注1：「導航名稱」預設為元件名，可自訂，支援換行符、空格符；若名稱過長，則修剪顯示。

注2：凍結組件中不能使用導航；組件若勾選使用導航按鈕，則不能凍結。

注3：最多只能顯示 8 個導航按鈕，超過 8 個則不顯示；導航排列順序與body>行動端>元件順序一致。

2.2 複雜場景

存在巢關係時，導航顯示情況如下表所示：

3.1 準備範本

在FineReport設計器中開啟範本：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\Phone\industry\零售集團實時監視-phone.frm

點選下載範本：零售集团实时监控-phone.frm

3.2 設定導航樣式介面

在右側屬性面板中選中body，點選行動端>導航樣式>側邊導航，設定導航樣式介面。如下圖所示：

3.3 設定定位組件

1）選中報表塊report0，點選行動端，勾選使用導航按鈕，導航名稱為銷售情況，如下圖所示：

2）選中圖表塊chart0，點選行動端，勾選使用導航按鈕，導航名稱為銷售額分佈，如下圖所示：

3）選中圖表塊chart3_c，點選行動端，勾選使用導航按鈕，導航名稱為資料段分佈，如下圖所示：

3.4 效果查看

以 App 效果為例，如下圖所示：

.