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

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

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

 

树形折叠报表

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

报表设计如下:

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

页面初始展现效果:

                                                                      全部收拢

                                                                         部分节点展开

Olap折叠报表

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

报表设计如下:

页面标签设置:

页面展现效果:

                                                                                                                 初始收拢

      

                                                                                                     节点展开效果

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

标签名称

描述

取值

默认值

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属性都适用于两种折叠报表

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值