ActiveReports 报表应用教程 (15)---报表换肤

在 ActiveReports 中,可以设置报表中不同控件的样式,然后把这些样式保存到一个外部的XML文件当中,供其他报表使用。如果用户希望同一份报表以不用的外观分发,只需要简单地修改样式表单,无需逐个改变每个报表中的单个控件的字体、颜色、尺寸等。

发布于 2013/07/04 00:00

ActiveReports

在 ActiveReports 中,可以设置报表中不同控件的样式,然后把这些样式保存到一个外部的XML文件当中,供其他报表使用。如果用户希望同一份报表以不用的外观分发,只需要简单地修改样式表单,无需逐个改变每个报表中的单个控件的字体、颜色、尺寸等。

本文中演示的是为年度销量统计表设置不同的皮肤样式,我们供准备了三个皮肤样式,以下是详细操作步骤:

1、创建报表文件

在应用程序中创建一个名为 rptTheme1.rdlx 的 ActiveReports 报表文件,使用的项目模板为 ActiveReports RDL报表。

2、打开报表资源管理器,并按照以下信息创建报表数据源

名称: NWind_CHS
类型: Micorsoft OleDb Provider
OLE DB 提供程序: Microsoft.Jet.OLEDB.4.0
服务器或文件名称: Data\NWind_CHS.mdb

 

3、 添加数据集

在新建的 NWind_CHS 数据源上鼠标右键并选择添加数据集菜单项,添加以下两个数据集:

常规-名称:Sales

查询-查询:

SELECT 类别.类别名称,订单.货主地区,SUM(订单明细.数量) AS 销售量 FROM (( 订单 
 INNER JOIN 订单明细 ON 订单.订单ID = 订单明细.订单ID)
 INNER JOIN 产品 ON 订单明细.产品ID = 产品.产品ID)
 INNER JOIN 类别 ON 产品.类别ID = 类别.类别ID
 WHERE DATEDIFF("yyyy",订单.订购日期,'2011-01-01') = 0
 GROUP BY 类别.类别名称,订单.货主地区
 ORDER BY 类别.类别名称,订单.货主地区

常规-名称:SaleDetails

查询-查询:

SELECT DATEPART("m",订单.订购日期) AS 订购月,类别.类别名称,SUM(订单明细.数量) AS 销售量 FROM (( 订单 
 INNER JOIN 订单明细 ON 订单.订单ID = 订单明细.订单ID)
 INNER JOIN 产品 ON 订单明细.产品ID = 产品.产品ID)
 INNER JOIN 类别 ON 产品.类别ID = 类别.类别ID
 WHERE DATEDIFF("yyyy",订单.订购日期,'2011-01-01') = 0
 GROUP BY DATEPART("m",订单.订购日期),类别.类别ID, 类别.类别名称
 ORDER BY DATEPART("m",订单.订购日期),类别.类别ID, 类别.类别名称

4、设计报表界面

4.1、在 GrapeCity ActiveReports 主题编辑器中创建三个主题样式

Style1.rdlx-theme

ActiveReports 报表功能展示 主题皮肤

Style2.rdlx-theme

ActiveReports 报表功能展示 主题皮肤

Style3.rdlx-theme

ActiveReports 报表功能展示 主题皮肤

创建完成以上主题样式之后,为报表指定一个主题,我们在设计时指定的主题样式为 Style1

ActiveReports 报表功能展示 主题皮肤

4.2、创建年度各地区销量统计表

从 Visual Studio 工具箱中将 Chart 控件添加到报表设计界面,按照以下列表设置 Chart 控件的属性

图表数据属性对话框:

常规-数据集名称: Sales
系列值-值: =Sum([销售量])
类别分组: 名称:Chart1_CategoryGroup1
分组-表达式:=[类别名称]
标签:=[类别名称]
系列分组: 名称:Chart1_SeriesGroup1
分组-表达式:=[货主地区]
标签:=[货主地区]

图表外观属性对话框:

类型: 图表类型:折线图
子类型:平滑
标题:2011年度各地区销售量统计表
调色板:
=Theme.Colors.Accent1
=Theme.Colors.Accent2
=Theme.Colors.Accent3
=Theme.Colors.Accent4
=Theme.Colors.Accent5

4.3、创建各地区销量图

从 Visual Studio 工具箱中将 Chart 控件添加到报表设计界面,按照以下列表设置 Chart 控件的属性

图表数据属性对话框:

图表 属性名称 属性值
东北地区销量图 常规: 数据集名称:Sales
系列值: 值:=Sum([销售量])
类别分组: 名称:Chart2_CategoryGroup1
表达式:=[类别名称]
标签:=[类别名称]
过滤: 表达式:=[货主地区]
运算符:Equal
值:东北

图表外观属性对话框:

类型: 图表类型:分高图表
调色板: =Theme.Colors.Accent1
=Theme.Colors.Accent2
=Theme.Colors.Accent3
=Theme.Colors.Accent4
=Theme.Colors.Accent5
=Theme.Colors.Accent6
=Theme.Colors.Hyperlink
=Theme.Colors.HyperlinkFollowed

4.4、重复4.3操作,创建华北、华东、华南、西南四个地区的销量图,图表区域在于过滤条件的值不同。

最终的设计结构如下图:

ActiveReports 报表功能展示 主题皮肤

5、在后台代码中动态加载用户指定的主题样式

    GrapeCity.ActiveReports.PageReport report = new GrapeCity.ActiveReports.PageReport(new System.IO.FileInfo(Server.MapPath("../Reports/" + reportname + ".rdlx")));
    report.Report.DataSources[0].DataSourceReference = "";
    report.Report.DataSources[0].ConnectionProperties.DataProvider = "OLEDB";
    report.Report.DataSources[0].ConnectionProperties.ConnectString = string.Format("Provider=Microsoft.Jet.OLEDB.4.0;Data Source={0};", Server.MapPath("../Data/NWind_CHS.mdb"));
    report.Report.Themes.Clear();
    report.Report.Themes.Add(Server.MapPath(string.Format("../Theme/Style{0}.rdlx-theme", themeid)));
    WebViewer1.Report = report;

6、运行程序

ActiveReports 报表功能展示 切换主题皮肤

示例下载:

在线演示及源码下载地址:


/developer/activereports/demo
ActiveReports 报表功能展示

 

ActiveReports 报表控件| 下载试用

ActiveReports 是一款专注于 .NET 平台的报表控件,全面满足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平台下报表设计和开发工作需求,作为专业的报表工具为全球超过 300,000 开发人员提供了全面的报表开发服务。

您对ActiveReports产品的任何技术问题,都有技术支持工程师提供1对1专业解答,点击此处即可发帖提问>>技术支持论坛

相关产品
推荐相关案例
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态