如何实现伸缩(折叠)报表?

原文发布在润乾乾学院,地址为:http://c.raqsoft.com.cn/article/1540280455361?r=shiguang

在业务系统中分组统计是比较常见的数据分析形势,但当数据项较多或分组的层级过多时看着就会比较烦乱,为了数据更清晰的展现,通常用户会需要伸缩(折叠)显示的效果,这样分类汇总的数据就一目了然的展现出来了。

如何实现伸缩(折叠)报表?_第1张图片

 

树形折叠报表

树形报表格式要求:分组格与它的子格不在同一行上,不能有行上的全包含或半包含关系。

报表设计如下:

如何实现伸缩(折叠)报表?_第2张图片

报表展现页面标签设置如下:

如何实现伸缩(折叠)报表?_第3张图片

页面初始展现效果:

如何实现伸缩(折叠)报表?_第4张图片

                                                                      全部收拢

如何实现伸缩(折叠)报表?_第5张图片

                                                                         部分节点展开

Olap折叠报表

olap折叠报表格式要求:分组格与它的子格在同一行,行上必须是全包含关系。

报表设计如下:

如何实现伸缩(折叠)报表?_第6张图片

页面标签设置:

如何实现伸缩(折叠)报表?_第7张图片

页面展现效果:

如何实现伸缩(折叠)报表?_第8张图片

                                                                                                                 初始收拢

      如何实现伸缩(折叠)报表?_第9张图片

                                                                                                     节点展开效果

下面是关于折叠的相关标签属性列表:

标签名称

描述

取值

默认值

isTreeTable 

是否以树形报表展现

yes或no

no

isOlap

是否以olap效果展现

yes或no

no

foldOnBegin

折叠报表初始展现是否折叠或展开的层数

yes(全折叠)、no(全展开)

或整数(可以看见的层数)

no

foldIcon      

折叠图标的类型

可取值plus(加减号)或arrow(

plus

说明:
1、树形报表对浏览器没有要求,olap折叠表对浏览器要求IE类浏览器版要大于IE9,其它类浏览器不限
2、这两种展现方式互斥,只能同时用一种
3、树形报表暂时只实现行向的折叠,列向未实现
5、foldOnBegin和foldIcon属性都适用于两种折叠报表

你可能感兴趣的:(润乾报表)