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

本文涉及的产品
云原生数据仓库AnalyticDB MySQL版,基础版 8ACU 100GB 1个月
简介: 折叠报表

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

润乾报表内置了这种伸缩功能,提供了两种形式的折叠报表:树型折叠报表和 OLAP 型折叠报表。报表开发人员不再需要编写 JS 脚本,只需要两步,设计报表,在报表展现的 jsp 页面中加入 tag 属性,就可以将格式符合的报表以伸缩的形式展现。
下面我们来分别看下这两种形式的折叠报表在润乾中是如何实现的吧!

Olap 折叠报表

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

页面标签设置:
3

页面展现效果:
初始收拢
4

节点展开效果
5

树形折叠报表

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

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

页面初始展现效果:
8

                                         全部收齐

9

                                         部分节点展开

下面是关于折叠报表标签属性列表:
10

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

作者:shiguang
链接:http://c.raqsoft.com.cn/article/1540280455361?r=IBelieve
来源:乾学院
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关实践学习
AnalyticDB MySQL海量数据秒级分析体验
快速上手AnalyticDB MySQL,玩转SQL开发等功能!本教程介绍如何在AnalyticDB MySQL中,一键加载内置数据集,并基于自动生成的查询脚本,运行复杂查询语句,秒级生成查询结果。
阿里云云原生数据仓库AnalyticDB MySQL版 使用教程
云原生数据仓库AnalyticDB MySQL版是一种支持高并发低延时查询的新一代云原生数据仓库,高度兼容MySQL协议以及SQL:92、SQL:99、SQL:2003标准,可以对海量数据进行即时的多维分析透视和业务探索,快速构建企业云上数据仓库。 了解产品 https://www.aliyun.com/product/ApsaraDB/ads
目录
相关文章
|
5月前
|
存储 UED
Winform下拉列表的魔力:解锁字典数据展示的多种炫酷方式,让用户体验再升级!
【8月更文挑战第3天】在Winform开发中,下拉列表(ComboBox)常用于让用户从预设列表中选择。展示字典数据时,可根据需求选择方法:直接显示键、键值组合显示或保持键值关联。直接显示键适合键即信息的情况;键值组合显示则通过拼接实现;若需保持键值关联,则可利用`KeyValuePair`作为数据源,结合`DisplayMember`和`ValueMember`属性实现。具体实现见示例代码。
168 0
|
8月前
|
容器
怎样实现单个图表全屏功能?
怎样实现单个图表全屏功能?
|
数据可视化 前端开发
漏刻有时数据可视化大屏常见问题(13):翻牌器自动刷新数据前后端执行的解决方案
漏刻有时数据可视化大屏常见问题(13):翻牌器自动刷新数据前后端执行的解决方案
137 0
【分享】宜搭子表单点击新增自动展开最后一项,折叠前面所有项.
宜搭子表单点击新增自动展开最后一项,折叠前面所有项. by 页一
789 0
|
前端开发
【分享】宜搭多选组件,在数据展示页实现换行展示
宜搭多选组件,数据展示页会把原数据拼接展示,如果涉及到多条较长数据时,展示不太直观。
605 1
【分享】宜搭多选组件,在数据展示页实现换行展示
|
数据可视化 JavaScript 前端开发
前端可视化大屏设置全屏模式方法
前端可视化大屏设置全屏模式方法
前端可视化大屏设置全屏模式方法
|
人工智能 监控 安全
RPA 流程梳理和适用场景以及控制台功能展示(二)| 学习笔记
快速学习 RPA 流程梳理和适用场景以及控制台功能展示。
RPA 流程梳理和适用场景以及控制台功能展示(二)| 学习笔记
|
Web App开发 存储 负载均衡
RPA 流程梳理和适用场景以及控制台功能展示(一)| 学习笔记
快速学习 RPA 流程梳理和适用场景以及控制台功能展示。
RPA 流程梳理和适用场景以及控制台功能展示(一)| 学习笔记
|
人工智能 监控 安全
RPA 流程梳理和适用场景以及控制台功能展示(二)|学习笔记
快速学习 RPA 流程梳理和适用场景以及控制台功能展示(二)
192 0
RPA 流程梳理和适用场景以及控制台功能展示(二)|学习笔记
|
Web App开发 文字识别 负载均衡
RPA 流程梳理和适用场景以及控制台功能展示(一)|学习笔记
快速学习 RPA 流程梳理和适用场景以及控制台功能展示(一)
857 0
RPA 流程梳理和适用场景以及控制台功能展示(一)|学习笔记