继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

.NET报表设计器ActiveReports教程:树形动态报表设计与应用

慕码人3375284
关注TA
已关注
手记 8
粉丝 1
获赞 0

ActiveReports 是一款专注于 .NET 和 .NET Core 平台的报表控件。通过拖拽式报表设计器,可以快速地设计 Excel表格、Word文档、图表、数据过滤、数据钻取、精准套打等类型报表,全面满足 WinForm、ASP.NET、ASP.NET MVC、WPF 平台中各种报表的开发需要。同时,通过丰富的 API 可以灵活的实现报表创建、加载和运行时的个性化自定义需求。

在一些统计报表中,利用树形结构报表来实现维度钻取功能是十分常见的。通过逐级钻取,可以快速查看更细粒度的指标数据,如项目施工进度报告等。

用ActiveReports 轻松设计树形结构报表,以及设置进度条显示等功能。

什么样的报表样式被称为树形结构报表呢?让我们先来看看“树形结构”报表的展示样式。

http://img4.sycdn.imooc.com/604082640001ac7410280584.jpg

http://img3.sycdn.imooc.com/6040826500010ec805540910.jpg

了解了树形结构报表模板的样式,下面我们就来详细讲解如何使用ActiveReports 完成“基于.NET架构的动态树形结构报表”的设计步骤。

一、绑定数据源和数据集

动态报表与静态报表最大的区别,在于能否绑定数据源和数据集。要实现一张专业的“树形结构”报表,我们需要绑定的数据结构是什么样的呢?如下,就是典型的“树形结构”报表数据源,使用ActiveReports 链接该数据源:

http://img1.sycdn.imooc.com/604082660001ccc305540280.jpg

二、拖入表格组件,进行分组设计

如下是ActiveReports 报表设计器中的截图,子分组是编号,父分组是上级编号。

http://img1.sycdn.imooc.com/604082660001b29f05540250.jpg

三、优化报表样式

为了使主分组和子分组之间有一个缩进的功能,以便于更好地区分信息。这里,我们需要对边距进行设置:左边距 = 5 + (Level() * 25) & "pt"。

其中level()代表了分组是第几级:

http://img2.sycdn.imooc.com/6040826700012ed805540259.jpg

 

四、添加展开、合并按钮

这里,主要是为树形结构报表添加自分组合并和展开功能,也就是“+”、“-”按钮的功能设置。

由于要在项目名称这里添加一个可用于“合并和展开”的按钮,所以要在可见性区域,绑定项目名称对应的文本框:TextBox4

http://img1.sycdn.imooc.com/6040826700012a3605540306.jpg

切换图表的样式,有如下属性:Expanded(展开)和 Collapsed(合并)

http://img3.sycdn.imooc.com/604082670001581005540240.jpg

五、显示进度条

在此报表模板中,进度条是通过图像(image)控件来显示的。

要显示进度条,只需拖入一个容器到table里,然后在容器里放入一个图像(image)控件。接下来进行如下设置:

http://img1.sycdn.imooc.com/604082680001179405540298.jpg

选择进度条 databar:

http://img2.sycdn.imooc.com/60408268000155b605540269.jpg

调整值和颜色的设置:

http://img1.sycdn.imooc.com/60408268000166bc05540269.jpg

六、预览效果

http://img1.sycdn.imooc.com/604082850001406505540863.jpg

http://img4.sycdn.imooc.com/604082860001406505540863.jpg

如上,一张树形结构报表就设计好了,全程基本都是通过拖拉拽的方式,无需编写一段代码,即可轻松设计报表模板,这就是ActiveReports 的魅力所在。


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP