在业务系统中分组统计是比较常见的数据分析形式,但当数据项较多,或分组的层级过多时看着就会比较烦乱,为了数据更清晰的展示,一般用户会须要伸缩(折叠)显示的效果,这样分类汇总的数据就可一目了然的呈现。浏览器
润乾报表内置了这种伸缩功能,提供了两种形式的折叠报表:树型折叠报表和 OLAP 型折叠报表。报表开发人员再也不须要编写 JS 脚本,只须要两步,设计报表,在报表展示的 jsp 页面中加入 tag 属性,就能够将格式符合的报表以伸缩的形式展示。jsp
下面咱们来分别看下这两种形式的折叠报表在润乾中是如何实现的吧!spa
olap 折叠报表格式要求:分组格与它的子格在同一行,行上必须是全包含关系。设计
报表设计以下:3d
页面标签设置:code
页面展示效果:blog
初始收拢
开发
节点展开效果数据分析
树形报表格式要求:分组格与它的子格不在同一行上,不能有行上的全包含或半包含关系。im
报表设计以下:
报表展示页面标签设置以下:
页面初始展示效果:
所有收拢
所有收拢
部分节点展开
部分节点展开
下面是关于折叠报表标签属性列表:
说明: 一、树形报表对浏览器没有要求,olap 折叠表对浏览器要求 IE 类浏览器版要大于 IE9,其它类浏览器不限 二、这两种展示方式互斥,只能同时用一种 三、树形报表暂时只实现行向的折叠,列向未实现 四、foldOnBegin 和 foldIcon 属性都适用于两种折叠报表