1. 概述
1.1 版本
| 報表伺服器版本 | 插件版本 |
|---|---|
| 11.0 | V1.0.0 |
1.2 預期效果
FVS實現動態摺疊樹，效果如下圖所示：
1.3 實現思路
1）設定參數，為條件屬性判斷做準備。
2）設定條件屬性，點選具體銷售員，若與參數內容相同，則清空參數內容；若不同，則將當前具體銷售員指派給參數。
3）設定條件屬性，若具體銷售員與參數內容相同，則展開資料；若不同，則摺疊資料。
2. 範例
2.1 建立範本
1）點選菜單欄「檔案>建立視覺化看板」，點選「建立空白視覺化看板」。如下圖所示：
2）視覺化看板名稱自訂為「FVS實現動態摺疊樹」 ，其餘保持預設，點選「建立看板」。如下圖所示：
2.2 準備資料
1）點選左下角資料集管理面板的「+」按鈕，選擇「資料庫查詢」。
2）在資料庫查詢設定框中，名稱保持預設 ds1 ，資料庫選擇預設內建資料庫 FRDemoTW。
3）輸入 SQL 語句：SELECT * FROM 銷量，意為查詢銷量表中的全部資料。
4）點選「確定」，如下圖所示：
2.3 設計表格
1）點選組件列表欄中的「文字」，將「表格」組件拖入空白畫布中。
2）點選右側配置欄的「編輯組件」按鈕，即可進入組件編輯介面，如下圖所示：
3）進入組件編輯頁面後，將 ds1 中的「銷售員」拖入 A1 儲存格、「產品類型」拖入 B2 儲存格，「產品」拖入 C2 儲存格，「銷量」拖入 D2 儲存格，如下圖所示：
4）在 E1 儲存格中插入公式：$spe，意為一個名為 spe（“銷售員”英文“salesperson”的縮寫）的參數，點選「確定」，如下圖所示：
5）同样的方法为F1单元格如公式：$type，意为一个名为 type（“类型”的英文）的参数。如下图所示：
6）选中 A2 单元格，点击右侧属性面板中的「单元格属性」，扩展方向设置为纵向，左父格自定义为 A1 单元格。如下图所示：
7）选中 B2 单元格，点击右侧属性面板中的「单元格属性」，扩展方向保持默认的纵向，左父格自定义为 A1 单元格。如下图所示：
8）选中 B3 单元格，点击右侧属性面板中的「单元格属性」，扩展方向设置为纵向，左父格自定义为 B2 单元格。如下图所示：
9）选中 C3 单元格，点击右侧属性面板中的「单元格属性」，扩展方向保持默认的纵向，左父格自定义为 B2 单元格。如下图所示：
10）E1 、F1 单元格的扩展方向保持默认的无，左父格设置为无。以 E1 单元格为例，如下图所示：
2.4 超級連結條件屬性
2.4.1 超级链接条件属性
1）選中 A1 儲存格，點選右側屬性面板中的「條件屬性」按鈕，點選新增條件旁的「+」按鈕。
2）在彈出的條件屬性設定框中點選「+」按鈕，設定條件屬性為「超級連結」類型。
3）公式條件類型選擇「公式」，輸入公式：E1 = A1，點選「+增加」按鈕新增公式。
4）勾選「使用連結」，點選「編輯」按鈕，如下圖所示：
5）進入超級連結編輯框後，點選新增連結旁的「+」按鈕，新增「當前頁面物件」，當前頁面物件選擇「表格1_頁面1」。
6）點選參數設定面板右上角的「+」按鈕，新增之前設定的參數 spe ，值為空，點選「確定」，如下圖所示：
7）A1 单元格的 超级链接条件属性2 设置完成，意为当 E1 单元格的内容和 A1 单元格的内容不同时，将 E1 单元格内的参数 spe 赋当前值。
8）同樣的方法為 A1 儲存格新增 超級連結條件屬性2 ，如下圖所示：
9）同樣的方法新增「當前頁面物件」，同樣新增之前設定的參數 spe ，值為公式：$$$ 。
10）A1 单元格的 超级链接条件属性1 设置完成，意为当 E1 单元格的内容和 A1 单元格的内容相同时，将 E1 单元格内的参数 spe 清空。
2.4.2 行高条件属性
1） A2 单元格添加 条件属性1，属性为「行高」，设置为「0像素」。
2）公式条件类型选择「公式」，输入公式：E1!=A1，点击「+增加」按钮添加公式。如下图所示：
3）A2 单元格的 条件属性1 设置完成，意为当 E1 单元格的内容与 A1 单元格的内容不同时，行高为 0 像素，即折叠数据。
4）同样的方法为 A2 单元格添加 条件属性2 ，属性为「行高」，设置为「5像素」。
5）公式条件类型选择「公式」，输入公式：E1=A1，点击「+增加」按钮添加公式。如下图所示：
6）A2 单元格的 条件属性2 设置完成，意为当 E1 单元格的内容与 A1 单元格的内容相同时，行高为 5 像素，即展开数据。
2.5 行高條件屬性
2.5.1 超级链接条件属性
1）与 2.4.1 节类似，为 B2 单元格设置两个超级链接条件属性。
2）条件属性1的类型为超级链接，公式条件为公式：F1！=B2，编辑超级链接，添加当前页面对象，当前页面对象为「表格1_页面1」，参数type等于公式$$$，表示当 F1 单元格的内容和 B2 单元格的内容不同时，将 F1 单元格内的参数type赋当前值。
3）条件属性2的类型为超级链接，公式条件为公式：F1=B2，编辑超级链接，添加当前页面对象，当前页面对象为「表格1_页面1」，参数type等于空，表示当 F1 单元格的内容和 B2 单元格的内容相同时，将 F1 单元格内的参数type清空。
2.5.2 行高条件属性
1）与 2.4.2 节类似，为 B3 单元格设置两个行高条件属性。
2）条件属性1的类型为行高，设置为 0 像素，公式条件为公式：F1！=B2，表示当 F1 单元格的内容和 B2 单元格的内容不同时，折叠数据。
3）条件属性2的类型为行高，设置为 5 像素，公式条件为公式：F1=B2，表示当 F1 单元格的内容和 B2 单元格的内容不同时，展开数据。
2.6 设置过滤条件
双击 C3 单元格，设置过滤条件，类型为「普通」，「销售员」数据列等于参数type。如下图所示：
2.7 隐藏E列F列
选中 E列和F 列，右键选择「隐藏」，即可隐藏不需要显示的 E 列和F列。如下图所示：
2.7 效果查看
2.7.1 PC 端
儲存範本，點選右上角「預覽」按鈕，效果同本文 1.2 節。
2.7.2 行動端
預覽方式請參考 FVS行動端預覽 ，APP 及 HTML5 端效果如下圖所示：
3. 範本下載
點選下載完成範本：FVS實現動態摺疊樹.fvs
