• 欢迎访问本站,本站启用全新域名www.wangi.cc,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 本站部份内容收集自网络,用于记录生活、学习研究、网络体验、电脑技术、软件教程、代码资料、网站技术
  • 本站虚拟主机由阿里云提供www.aliyun.com
  • 关注建站、网络技术,如果您喜欢本站,就按下CTRL + D 收藏我们

动态折叠树 数据巧展示

IT相关 Lee 4年前 (2015-10-30) 887次浏览 已收录 0个评论 扫描二维码

由于数据很多,报表就显得非常臃肿、繁乱,如果将这些数据以目录树的形式按类折叠在一起,想看哪些数据就点击哪个门类,将其展开,下面的数据一目了然,这样展示数据岂不更妙?

实例:将公司水果销售情况按照地区、店面、水果的情况分类进行统计展示,相同类别的数据折叠在一起,客户端想看哪里就点击“+”号展开显示(图 1)。

1517A-ZDSJB-图 1

1. 原始数据准备

上期我们已经教大家用 FineReport V8.0 软件实现交互式报表的方法,本次我们用该软件实现另一个截然不同的方案——折叠数据展示。同样,需先将存有数据的 Excel 表格复制到 WebReport\WEB-INF\reportlets 文件夹中。启动 FineReport 后在左侧的数据集管理面板选择“模板数据集”并点击“+”按钮,选择“文件数据集”,在弹出窗口的名字处输入“各地区分店各类水果销售统计”,文件类型选择“Excel”,文件地址选择 reportlets 文件夹中所需要的那个 Excel 文件,在设置处勾选“第一行包含列标题”,点击“预览”查看效果,没有问题后确定(图 2)。

1517A-ZDSJB-图 2

2. 设计用户界面

在报表编辑区,选择 B1:L1 单元格进行合并,输入标题并设置好样式;在 B2:L2 单元格输入相应的报表标题内容;在左侧的数据集管理面板,选择“模板数据集”,将添加的“各地区分店各类水果销售统计”展开,将字段名称拖动到相应的单元格中。为了看的更清楚,可把行高变大些(图 3)。

1517A-ZDSJB-图 3

分别右击 B3、C4、D5 单元格,选择“控件属性”菜单,在弹出窗口中,类型处选择“按钮控件”,按钮类型处选择“树节点按钮”,这样单元格就变成了树节点的开关按钮了(图 4)。

1517A-ZDSJB-图 4

右击 C4 单元格选择“编辑”菜单(或是选中后点击右侧“基本”按钮),在弹出窗口的父格设置处,左父格处选择自定义后,左父格设置为“B3”(即店面的上一级地区所在的单元格),数据设置为“分组”,扩展方向为“纵向”。同理,将 D5 单元格的左父格设置为“C4”(图 5)。

1517A-ZDSJB-图 5

右击 E5 单元格选择“编辑”菜单,在弹出窗口中选择“过滤”选项卡,普通条件可选列处选择“店面”,操作符处选择“等于”,在其右侧点击选择“单元格”,内容是“C4”,点击“增加”按钮,再在可选列处选择“水果”,操作符处选择“等于”,在其右侧点击选择“单元格”,内容是“D5”,点击“增加”按钮,两个条件的关系是“与(AND)”(图 6)。

1517A-ZDSJB-图 6

3. 添加简单公式

为了进行数据统计,还需要在报表中添加公式。为了统计各分店各类水果的各月份销售情况,需要选择 E4 单元格,在右侧面板的插入内容处单击“+”,选择插入公式,插入的公式为“=SUM(E5)”,然后向右拖动填充到 J4;同理在 E3 单元格插入公式“=SUM(E4)”向右拖动填充到 J3 统计各地区各类水果的各月份销售情况;如果选择 K3 单元格,插入公式“=SUM(E3:J3)”,向下拖动填充到 K5 单元格,就统计出了各分店所有月份及每种水果所有月份的销售总计(图 7)。

1517A-ZDSJB-图 7

最后,选择 B2:K5 单元格,利用工具栏上的按钮对其美化,加上框线。将文件保存到安装目录下的\WebReport\WEB-INF\reportlets 文件夹中,命名为 WorkBook4.cpt,以数据分析的方式预览一下,没问题即可。报表 WorkBook1.cpt 要达到能被访问的程度,先要配置 Tomcat 服务器,对表格进行发布,然后用户就能可用固定地址进行访问。


打开手机支付宝首页搜“545191695”领红包,最高 99 元
http://www.wangi.cc 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明原文链接;动态折叠树 数据巧展示

喜欢 (0)
[lee_cha@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址