XtraReports ASP.NET创建一个数据感知报表
2013-12-12 11:03
399 查看
本教程将引导你如何在ASP.NET应用程序中创建一个数据感知(data-aware)报表。你还将了解到如何使用字段列表(Field List)将报表控件添加到报表中并绑定数据,以及如何计算报表页数。在本文中,我们将使用到 XtraReports
ASP.NET报表入门教程一:创建一个静态web报表 中所创建的报表。
创建数据集并绑定报表
1、若要为应用程序创建程序集,按CTRL+SHIFT+A (或者在Project菜单上,选择Add New Item...),然后在对话框中选择DataSet,并点击Add。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084240_84001.jpg)
2、利用CTRL+ALT+S,打开Visual Studio Server Explorer并连接到数据库。(在本示例中,我们将使用目录中nwind.mdb文件夹中的Northwind数据库)。
然后,拖动数据库中的 Categories字段,将其拖放到Dataset Designer中。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084347_90183.jpg)
保存更改并退出Dataset Designer。
3、切换到报表设计器,并点击报表的智能标签,使用报表的活动列表,为XtraReportBase.DataSource 属性指定数据集。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084506_43409.jpg)
通过该步骤,可以自动设置另外两个属性:XtraReportBase.DataMember属性设置为Categories, XtraReportBase.DataAdapter属性被设置为 categoriesTableAdapter。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084525_38185.jpg)
Field List字段列表面板中反映了报表数据源的结构。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084534_50388.jpg)
调整报表内容
4、将CategoryName字段和Description字段从Field List字段列表中拖动到报表的Detail区域中,从而创建两个数据感知标签。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084551_80375.jpg)
5、当利用鼠标右键拖动一个字段时,你可以选择创建什么样的控件。通过这种方式,我们创建了一个绑定到Picture字段的XRPictureBox,如下图所示:
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084606_27012.jpg)
要指定picturebox中显示图像的大小模式,你需要使用控件的智能标签设置XRPictureBox.Sizing属性,例如设置为ZoomImage时,可以重新调整图像大小比例。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084615_43162.jpg)
6、打开VS工具箱,从工具箱的DX.12.1: Report Controls 选项卡中,将XRPageInfo拖动到上边距,便可实现报表页计数。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084636_33974.jpg)
如要改变报表页数显示的格式,你可以将 XRPageInfo.Format 属性设置为Page {0} of {1}。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084651_86448.jpg)
Report Explorer面板中将展现所创建报表的结构,标有黄色数据库图标的是数据感知控件。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084701_11222.jpg)
查看结果
数据感知Web报表已准备就绪。运行Web应用程序,查看结果如下:
ASP.NET报表入门教程一:创建一个静态web报表 中所创建的报表。
创建数据集并绑定报表
1、若要为应用程序创建程序集,按CTRL+SHIFT+A (或者在Project菜单上,选择Add New Item...),然后在对话框中选择DataSet,并点击Add。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084240_84001.jpg)
2、利用CTRL+ALT+S,打开Visual Studio Server Explorer并连接到数据库。(在本示例中,我们将使用目录中nwind.mdb文件夹中的Northwind数据库)。
然后,拖动数据库中的 Categories字段,将其拖放到Dataset Designer中。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084347_90183.jpg)
保存更改并退出Dataset Designer。
3、切换到报表设计器,并点击报表的智能标签,使用报表的活动列表,为XtraReportBase.DataSource 属性指定数据集。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084506_43409.jpg)
通过该步骤,可以自动设置另外两个属性:XtraReportBase.DataMember属性设置为Categories, XtraReportBase.DataAdapter属性被设置为 categoriesTableAdapter。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084525_38185.jpg)
Field List字段列表面板中反映了报表数据源的结构。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084534_50388.jpg)
调整报表内容
4、将CategoryName字段和Description字段从Field List字段列表中拖动到报表的Detail区域中,从而创建两个数据感知标签。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084551_80375.jpg)
5、当利用鼠标右键拖动一个字段时,你可以选择创建什么样的控件。通过这种方式,我们创建了一个绑定到Picture字段的XRPictureBox,如下图所示:
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084606_27012.jpg)
要指定picturebox中显示图像的大小模式,你需要使用控件的智能标签设置XRPictureBox.Sizing属性,例如设置为ZoomImage时,可以重新调整图像大小比例。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084615_43162.jpg)
6、打开VS工具箱,从工具箱的DX.12.1: Report Controls 选项卡中,将XRPageInfo拖动到上边距,便可实现报表页计数。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084636_33974.jpg)
如要改变报表页数显示的格式,你可以将 XRPageInfo.Format 属性设置为Page {0} of {1}。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084651_86448.jpg)
Report Explorer面板中将展现所创建报表的结构,标有黄色数据库图标的是数据感知控件。
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084701_11222.jpg)
查看结果
数据感知Web报表已准备就绪。运行Web应用程序,查看结果如下:
![](http://www.devexpresscn.com/upfiles/image/20120927/20120927084713_14531.jpg)
相关文章推荐
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 在ASP.NET 2.0中操作数据:创建一个业务逻辑层
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 【转贴】Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 在ASP.NET 2.0中操作数据之一:创建一个数据访问层
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 在ASP.NET 2.0中操作数据之六十:创建一个自定义的Database-Driven Site Map Provider
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 在ASP.NET 2.0中操作数据之六十:创建一个自定义的Database-Driven Site Map Provider
- Scott Mitchell 的ASP.NET 2.0数据教程之二:创建一个业务逻辑层
- 在ASP.NET 2.0中操作数据:创建一个业务逻辑层
- Scott Mitchell 的ASP.NET 2.0数据教程之二:创建一个业务逻辑层
- Scott Mitchell 的ASP.NET 2.0数据教程之62:创建一个用户自定义的Database-Driven Site Map Provider
- scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- 在ASP.NET 2.0中操作数据之二:创建一个业务逻辑层
- 如何使用DevExpress XtraReports创建一个表格报表
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层
- Scott Mitchell 的ASP.NET 2.0数据教程之一: 创建一个数据访问层