2024年终活动

DevExpress控件使用交流,DevExpress中国社区Dev联系电话 联系电话:023-68661681

XtraReports WinForms入门教程二:创建一个Data-Aware数据感知报表

来源:本站原创   发布时间:2012-09-20   浏览:5075次

本教程将引导你了解在Microsoft Visual Studio 2008或2010中创建一个数据感知的报表的全过程。你还将了解到如何将报表绑定到数据源,编辑报表区域,以及如何使用FieldList窗格将报表控件添加到报表等。

创建应用程序并添加报表

1、运行Microsoft Visual Studio (2008或者2010).

2、新建一个项目(CTRL+ SHIFT+ N),并创建一个新的Windows窗体应用程序。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

3、在Project菜单上,选择Add New Item... (或者按CTRL+SHIFT+A)来调用Add New Item对话框。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

创建数据对象,并绑定到报表

4、在本例中,报表将被绑定到 Northwind 数据库的 Categories 数据表中的数据 (nwind.mdb 文件位于 DevExpress 演示程序 的安装目录中)。为了在设计时刻创建一个数据源并指派到报表,首先选中一个报表。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

5、打开Properties 窗口 (例如通过按下 F4 键),在报表的 XtraReportBase.DataSource 属性编辑器中,单击 Add Project Data Source(添加项目数据源)... 链接。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

6、此时将出现一个允许选择要绑定的数据源的对话框。 选中 数据库(Database) 选项。 单击 下一步(Next) 按钮。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

7、在接下来的页面中指定Northwind Traders 数据库(nwind.mdb) 的路径,然后点击Next。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

8、在询问是否把连接字符串保存到配置文件的页面中,单击 下一步(Next) 按钮。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

9、如图所示的页面中,你可以选择从数据库中获取哪些表。选中 Categories 表,并且单击 Finish按钮。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

10、在完成上述步骤之后,你就可以在报表设计器中使用 nwindDataSet1 和categoriesTableAdapter.NET这两个.net组件了。报表自动把 XtraReportBase.DataAdapter 和 XtraReportBase.DataSource 属性指派到新建的数据对象。注意, XtraReportBase.DataMember 属性也自动指派到Categories。 在本例中,指定了数据表,报表应迭代此数据表以提供数据。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

这意味着,报表被绑定到了数据。接下来展示如何定制报表的布局,以及指定为报表控件提供数据的字段。

定制报表带区

11、单击报表设计器的左上角,以调用报表的 智能标记。 在智能标记的下拉列表中选择 Edit and Reorder Bands(带区编辑和重新排序)... 选项,以便于编辑报表带区集合。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

12、在调用的Report Editor(报表编辑器) 对话框中,移除 PageHeader 带区 (本报表中不需要它),并添加一个ReportHeader带区。注意,也可以使用 Report Editor(报表编辑器) 对话框来修改任何其他带区带区的设置 (例如 PageFooter 带区的高度)。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

添加数据绑定控件

13、下列步骤展示了如何设计报表的布局。

首先,从工具箱中把一个 XRLabel 控件拖放到 ReportHeader 带区 (如同在 课程 1 中操作的那样),把它的 Text 设置为 Fall Catalog。

14、然后,创建两个绑定到 CategoryName 和 Description 数据字段的标签。 要这样做,可以把所需要的数据字段从 Field List(字段列表) 树中拖放到报表的 Detail 带区。 在下面的插图中,显示了一个绑定到 Description 数据字段的 XRLabel 控件的创建。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

15、然后,使用鼠标右键把 Picture 项 (在 Field List 树中) 拖放到 Detail 带区。 这时将会调用如下图所示的上下文菜单。 从列表中选取 XRPictureBox 项,一个 XRPictureBox 控件(被绑定到 Picture 数据字段) 将被创建并添加到报表中。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

要修改图片框控件中的图像的大小显示模式,可以使用它的 XRPictureBox.Sizing 属性。 例如,把此属性值设置为 ZoomImage,则在控件内按比例调整图像的大小 (无裁剪)。

 DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

16、要把页码添加到每个报表页的底部,则从工具箱中把 XRPageInfo 项从 DX.10.2: Report Controls 标签页拖放到 PageFooter 带区。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

如果有必要的话,可以通过 XRPageInfo.Format 属性来修改在报表中显示的页码的格式。 例如,把此属性值设置为 Page {0} of {1}。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

现在,您拥有了一个数据感知报表。 在 报表资源管理器 窗口中呈现了此报表的结构。 注意, 在“报表资源管理器”树中,以黄色的数据库图标标记已绑定的控件。

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

查看运行结果

切换到 Preview 标签页 并查看结果:

DevExpress, 报表控件,入门教程,数据感知报表, Data-Aware,XtraReports

本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:DevExpress控件中文网 [https://www.devexpresscn.com/]
本文地址:https://www.devexpresscn.com/post/353.html
扫码咨询
电话咨询
023-68661681
返回
顶部