博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何实现伸缩 (折叠) 报表?
阅读量:7087 次
发布时间:2019-06-28

本文共 646 字,大约阅读时间需要 2 分钟。

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

gif

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

下面我们来分别看下这两种形式的折叠报表在润乾中是如何实现的吧!

Olap 折叠报表

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

报表设计如下:

6png

页面标签设置:

7png

页面展现效果:

初始收拢

8png

节点展开效果

9png

树形折叠报表

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

报表设计如下:

2png

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

3png

页面初始展现效果:

4png

 

全部收拢

5png

 

部分节点展开

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

1png

说明:

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

详情链接:http://c.raqsoft.com.cn/article/1540280455361?r=gxy

转载地址:http://zzbql.baihongyu.com/

你可能感兴趣的文章
Ubuntu 网卡信息2
查看>>
android 没有main函数,怎么找到程序执行入口呢?以及activity主要生命周期的方法说明...
查看>>
java中处理字符编码(网页与数据库)(转)
查看>>
[leetcode]Path Sum II
查看>>
NTFS For Mac 如何简单操作
查看>>
django 生成复杂的 PDF 文件(数据较多时)
查看>>
CodeForces 300C 最短路
查看>>
睡觉被憋醒
查看>>
Java 7 Fork/Join 框架
查看>>
c++中冒号(:)和双冒号(::)的用法
查看>>
dubbo工作原理
查看>>
驱动开发利器Microsoft Windows Driver Kit 7.1.0下载
查看>>
maven_项目的依赖、聚合、继承
查看>>
一个C++类的注释:
查看>>
Winsock IO模型之select模型
查看>>
开发规范
查看>>
union和union all的区别
查看>>
debian attempt to kill init!
查看>>
centos7下使用yum安装mysql
查看>>
jquery获取div距离顶部的距离
查看>>