[]
        
在线Demo 免费试用
(Showing Draft Content)

手动制作树形折叠/展开效果

1. 概述

1.1 功能概述

在进行数据展示时,我们经常希望数据是可以动态折叠展开的,这样可以方便不同需要的查看。

矩表组件通过分组之间的元素切换功能可以轻松实现这一需求,如下图所示,通过点击数据前面的加减号来动态控制对应的数据是否显示。

手动设计树形效果

2. 操作步骤

实现分析: 从效果来看,我们是用上级的分组单元格来控制下一级分组的显示与否。

2.1 前提条件

  1. 数据要求: 已完成数据连接与数据准备,本文将以本地Excel文件直连数据集为例演示操作流程。

  2. 界面要求: 已进入报表设计界面,且报表至少已绑定一个数据集(如“Excel数据-直连数据集”)。

2.2 操作步骤

  1. 参考多维度透视表创建一个普通的二维透视表,如下图所示。

    PixPin_2025-06-26_17-17-23

  2. 在报表设计器中,单击矩表一级行分组单元格,然后在右侧的属性设置-文本框属性中找到文本框名称,并复制待用。

    PixPin_2025-06-26_17-17-55

  3. 单击二级行分组单元格,打开右侧的属性设置中的分组属性。在分组属性中找到显示选项下的切换元素,并将复制的上级文本框名称粘贴于此。

    PixPin_2025-06-26_17-19-21

  4. 同理,将二级行分组单元格的名称复制粘贴至三级行分组的切换元素中。

    PixPin_2025-06-26_17-20-45

  5. 调整折叠展开的初始状态。单击一级行分组单元格,然后在「属性设置 >文本框**」**属性中,找到显示选项下的初始切换状态,将其设置为展开

    PixPin_2025-06-26_17-22-09

  6. 同样设置二级分组的默认状态也为展开

    PixPin_2025-06-26_17-22-30

  7. 预览报表,可见已经得到预期的展开折叠效果。

    PixPin_2025-06-26_17-25-41