复杂报表之折叠报表

在进行数据展示时,希望模板的数据是可以动态折叠的,即点击数据前面的加号才可以展开对应下面的数据,润乾报表内置了伸缩功能,提供了两种类型的折叠报表:树型折叠以及 OLAP 型折叠报表。
下面我们一起在润乾报表里面看下这两种类型的折叠报表是如何实现的吧。

  • 树型折叠报表
    格式要求:分组格与它的子格不在同一行上,不能有行上的全包含或半包含关系。
    第一步:打开设计器,启动自带示例数据库,连接 demo 数据源。
    第二步:新建空白报表,添加数据集,使用自带的“订单表”字段设计报表,如下图所示:

1png

报表设计:
1、设置 B3 的左主格为 A2
2、设置 C4 的左主格为 B3
3、设置 A3 的左主格为 B3,A4、B4 的左主格为 C4
第三步:在发布报表的 JSP 文件里的report:html标签中添加 isTreeTable 属性。设计器下面默认发布使用的是 demo 目录下的 reportJsp\preview.jsp,添加 tag 标签 isTreeTable=”yes”

2png

第四步:保存报表发布效果如下图:(1.gif)

1gif

  • OLAP 折叠报表
    格式要求:必须全包含,并且必须给每个分组都加上一个统计行,如果分组格是纵向扩展,统计行必须与分组格同行;如果是横向扩展,统计行必须与分组格同列。
    同样使用 demo 数据源中的订单表。
    第一步:设计表样如下图所示:

3png

报表设计:
1、设置 C3 的左主格为 B2。
2、设置 B4 的左主格为 A2。
第二步:在发布报表的 preview.jsp 文件里的report:html标签中添加 isOlap 属性。

4png
第三步:保存报表发布效果如下图所示:(2.gif)

2gif

注意!
1、 OLAP 折叠报表要求 IE 浏览器为 IE9 以上版本,其它浏览器不限。树型折叠报表不限制。
2、两种折叠方式互斥,isOLap 和 isTreeTable 不能同时使用。
3、两种折叠方式都支持行列折叠。
4、默认展示都是全展开的方式,如果第一次展示需要全折叠,也可通过 tag 标签设置。如下所示:

5png