2024年终活动

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

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

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

本教程将引导你如何在ASP.NET应用程序中创建一个数据感知(data-aware)报表。你还将了解到如何使用字段列表(Field List)将报表控件添加到报表中并绑定数据,以及如何计算报表页数。在本文中,我们将使用到 XtraReports ASP.NET报表入门教程一:创建一个静态web报表 中所创建的报表。

创建数据集并绑定报表

1、若要为应用程序创建程序集,按CTRL+SHIFT+A (或者在Project菜单上,选择Add New Item...),然后在对话框中选择DataSet,并点击Add。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

2、利用CTRL+ALT+S,打开Visual Studio Server Explorer并连接到数据库。(在本示例中,我们将使用目录中nwind.mdb文件夹中的Northwind数据库)。

然后,拖动数据库中的 Categories字段,将其拖放到Dataset Designer中。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

保存更改并退出Dataset Designer。

3、切换到报表设计器,并点击报表的智能标签,使用报表的活动列表,为XtraReportBase.DataSource 属性指定数据集。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

通过该步骤,可以自动设置另外两个属性:XtraReportBase.DataMember属性设置为Categories, XtraReportBase.DataAdapter属性被设置为 categoriesTableAdapter。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

Field List字段列表面板中反映了报表数据源的结构。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

调整报表内容

4、将CategoryName字段和Description字段从Field List字段列表中拖动到报表的Detail区域中,从而创建两个数据感知标签。

报表,入门教程,ASP.NET报表,.NET报表,XtraReports,数据感知,

5、当利用鼠标右键拖动一个字段时,你可以选择创建什么样的控件。通过这种方式,我们创建了一个绑定到Picture字段的XRPictureBox,如下图所示:

报表,入门教程,ASP.NET报表,.NET报表,XtraReports,数据感知,

要指定picturebox中显示图像的大小模式,你需要使用控件的智能标签设置XRPictureBox.Sizing属性,例如设置为ZoomImage时,可以重新调整图像大小比例。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

6、打开VS工具箱,从工具箱的DX.12.1: Report Controls 选项卡中,将XRPageInfo拖动到上边距,便可实现报表页计数。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

如要改变报表页数显示的格式,你可以将 XRPageInfo.Format 属性设置为Page {0} of {1}。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

Report Explorer面板中将展现所创建报表的结构,标有黄色数据库图标的是数据感知控件。

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

查看结果

数据感知Web报表已准备就绪。运行Web应用程序,查看结果如下:

报表,入门教程, ASP.NET报表,.NET报表,XtraReports,数据感知,

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