1. 概述
1.1 版本
| 報表服務器版本 | JAR | App | HTML5 移動端展現插件 |
|---|---|---|---|
| 10.0 | 2020-04-26 | 10.4.69 | V10.4.69 |
1.2 應用場景
模板頁面較長時，希望通過點擊懸浮窗導航到本頁面的指定組件位置，可通過本文方法進行設置。
2. 功能介紹
模板中可設置懸浮窗，點擊後導航到頁面指定位置。
2.1 導航樣式設置界面
2.1.1 導航顯示樣式設置入口
1）決策報表中 body 布局爲重布局時，body 的移動端屬性中可設置導航顯示樣式。如下圖所示：
2.1.2 導航屬性設置入口
使用導航可定位到頁面中的控件、報表塊、圖表塊、Tab-layout。
以定位到模板中的圖表塊爲例，設置界面如下圖所示：
注1：「導航名稱」默認爲控件名，可自定義，支持換行符、空格符；若名稱過長，則截斷顯示。
注2：凍結組件中不能使用導航；組件若勾選使用導航按鈕，則不能凍結。
注3：最多只能顯示 8 個導航按鈕，超過 8 個則不顯示；導航排列順序與body>移動端>控件順序一緻。
2.2 複雜場景
存在嵌套關系時，導航顯示情況如下表所示：
| 場景 | 效果 |
|---|---|
| body 和 tabpane 都勾選顯示該層級下的組件導航 | 只顯示 body 中第一層組件的導航 |
| body 未勾選顯示該層級下的組件導航，tabpane 勾選 | 顯示當前 Tab 下的組件導航，若切換 Tab ，切換成該 Tab 下的組件導航 |
| Tab1 中拖入 Tab2 ，且 tabpane 都勾選顯示該層級下的組件導航 | 只顯示 Tab1 中第一層組件的導航；切換 Tab 頁，則顯示該 Tab 下的組件導航 |
body 中拖入絕對畫布塊，畫布塊中組件開啓導航 | 顯示絕對畫布塊中組件的導航； 若畫布塊中一行存在多個組件，滑到頁面頂部時，只選中左側組件的導航按鈕 |
3. 示例
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 效果爲例，如下圖所示：
