1. 概述
1.1 版本
| 報表服務器版本 | JAR包 | App 版本 | HTML5 移動端展現插件 | 移動端折疊展開樹插件 | 功能變動 |
|---|---|---|---|---|---|
| 10.0.9 | 2020-08-31 | V10.4.90 | V10.4.90 | V10.4.90 | - |
| V10.4.975 | V10.4.975 | V10.4.975 | 新增展開方式設置項，可選擇：
|
1.2 應用場景
移動端模板中，當表格數據較多時，用戶希望初始狀态下部分數據是收起狀态，想查看的時候再展開。
靈活的折疊展開報表數據，既有利於提升模板空間利用率，也有助於提高用戶體驗。
效果如下圖所示：
1.3 功能簡介
通過「移動端折疊展開樹」插件，用戶可對報表/報表塊中的表格設置樹層級，移動端可靈活的多層次折疊展開。
支持自定義折疊展開的樹層級。
支持自定義折疊展開按鈕的圖标和位置。
折疊展開時，表格可跟随模板自适應調整高度。
支持兩種展開方式：展開下一層和展開所有子層。
1.4 插件安裝
點擊下載插件：移動端折疊展開樹插件
設計器插件安裝方法參照 設計器插件管理
服務器安裝插件方法參照 服務器插件管理
1.5 功能入口
插件安裝後，在普通報表中選中單元格，或在「決策報表>報表塊」中選中單元格，右側屬性面板新增「樹節點設置」，如下圖所示：
設置項具體簡介如下表所示：
| 設置項 | 說明 | 注意事項 |
|---|---|---|
| 行層級 | 設置單元格行層級，數字由小到大，層級由高到低
| 當同一行多個單元格設置了行層級，以最右單元格爲準 當多個不同層級的單元格合并後，保留最左上單元格的設置 |
| 默認狀态 | 可設置折疊展開樹默認狀态，默認爲「收起」
| - |
展開圖标 收起圖标 | 用戶可自定義設置展開收起圖标，可删除圖标 建議手動上傳的圖标爲 48 × 48 規格的 PNG 圖片 圖标默認顯示方式爲「适應」 圖标可點擊範圍爲整個單元格 | 當有展開收起圖标時，移動端顯示内容爲圖标，覆蓋原來單元格的内容 當沒有展開收起圖标時，移動端顯示内容爲單元格原本的内容 |
| 展開方式 |
選擇該方式，預覽點擊展開時，只展開下一層的内容
選擇該方式，預覽點擊展開時，會展開低於該層級的所有子層級内容 同時該方式還支持設置收起後保留到哪一個子層級 | 展開下一層就是逐層展開，但是當層數多且數據多時，可以使用展開所有子層，簡化展開操作 |
3. 示例
3.1 模板設置
打開%FR_HOME%\webroot\WEB-INF\reportlets\demo\basic\複雜折疊樹.cpt
删除H~AI列，在移動端預覽，樣式如下圖所示：
3.2 設置按鈕列
在A列右側插入一列，樣式如下圖所示：
3.3 設置折疊展開樹
設置 C4 單元格行層級爲1，默認狀态爲收起，展開/收起圖标爲默認圖标，展開方式爲展開下一層，如下圖所示：
設置 C5 單元格行層級爲2，默認狀态爲收起，展開/收起圖标爲默認圖标，展開方式爲展開下一層，如下圖所示：
C6、C7 單元格作爲最後一層，将行層級爲3，默認狀态爲展開，删除展開/收起圖标，展開方式爲展開下一層，如下圖所示：
3.4 效果預覽
保存模板，點擊「移動端預覽」， 效果如「1.2 節 應用場景」所示。
4. 已完成模板
點擊下載模板：移動端折疊展開樹插件示例.cpt
