1. 概述
1.1 版本
| 报表服务器版本 | 插件版本 |
|---|---|
| 11.0 | V1.0.0 |
1.2 预期效果
FVS实现动态折叠树，效果如下图所示：
1.3 实现思路
1）设置参数spe和type，为条件属性判断做准备。
2）设置第一层折叠：
两个超级链接条件属性，点击具体销售员，若与参数spe相同，则清空参数内容；若不同，则将当前具体销售员赋值给参数spe。
两个行高条件属性，若具体销售员与参数spe相同，则展开数据；若不同，则折叠数据。
3）设置第二层折叠：
两个超级链接条件属性，点击具体产品类型，若与参数type相同，则清空参数内容；若不同，则将当前具体产品类型赋值给参数type。
两个行高条件属性，若具体产品类型与参数type相同，则展开数据；若不同，则折叠数据。
4）设置过滤条件，过滤出属于具体销售员的产品。
2. 示例
2.1 新建模板
1）点击菜单栏「文件>新建可视化看板」，点击「创建空白可视化看板」。如下图所示：
2）可视化看板名称自定义为「FVS实现动态折叠树」 ，其余保持默认，点击「创建看板」。如下图所示：
2.2 准备数据
新建数据库查询 ds1，输入 SQL 查询语句：SELECT * FROM 销量。如下图所示：
2.3 设计表格
1）点击组件列表栏中的「其他」，将「表格」组件拖入空白画布中。
2）点击右侧配置栏的「编辑组件」按钮，即可进入组件编辑界面。如下图所示：
3）进入组件编辑页面后，将 ds1 中的「销售员」拖入 A1 单元格、「产品类型」拖入 B2 单元格，「产品」拖入 C3 单元格，「销量」拖入 D3 单元格。如下图所示：
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 单元格的 超级链接条件属性1 设置完成，意为当 E1 单元格的内容和 A1 单元格的内容不同时，将 E1 单元格内的参数 spe 赋当前值。
8）同样的方法为 A1 单元格添加 条件属性2 。如下图所示：
9）同样的方法添加「当前页面对象」，同样添加之前设置的参数 spe ，值为空。如下图所示：
10）A1 单元格的 超级链接条件属性2 设置完成，意为当 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.8 效果查看
2.8.1 PC 端
保存模板，点击右上角「预览」按钮，效果同本文 1.2 节。
2.8.2 移动端
预览方式请参考 FVS移动端预览 ，以 APP 为例，效果如下图所示：
3. 模板下载
点击下载完成模板：FVS实现动态折叠树.fvs
上一篇：FVS表格扩展后排序
