在ASP.NET 2.0中操作数据之四：使用ObjectDataSource展现数据_自学过程_

　　在完成了应用程序架构和页面的设计后，我们可以开始探讨如何实现多种多样的普通数据到报表展现的任务。前面我们已经了解到如何在从数据访问层和业务逻辑层绑定数据到ASP.NET页面上的数据控件。在ASP.NET 1.x应用程序中，通过对数据控件的DataSource属性赋值然后调用控件的DataBind()方法从而实现数据展现的方式在ASP.NET 2.0应用程序中可以继续使用。然而，ASP.NET 2.0的数据源控件提供了一种新的方式，使用这些控件可以让你轻松从上文中创建的业务逻辑层中进行数据绑定，甚至不需要手写一行的代码。

　　ASP.NET 2.0提供了五种内置的数据源控件：SqlDataSource、AccessDataSource,、ObjectDataSource、XmlDataSource、和SiteMapDataSource，尽管如果有需要的话你还可以构建自己的自定义数据源控件（custom data source controls）。既然我们在前文中已经完成了应用程序示例的系统架构，基于已有的业务逻辑类我们将使用ObjectDataSource。

图1: ASP.NET 2.0包括五种内置的数据源控件

　　ObjectDataSource充当别的对象的代理。通过配置ObjectDataSource，我们指定这些底层的对象，还有这些对象的方法如何映射到ObjectDataSource的Select、Insert、Update和Delete方法。一旦底层的对象被指定并且其方法映射到ObjectDataSource的方法后，我们就可以把ObjectDataSource绑定到页面上的Data Web 服务器控件。ASP.NET提供了许多Data Web 服务器控件，包括GridView、DetailsView、RadioButtonList和DropDownList等等。在页面的生命周期中，Data Web 服务器控件可能需要访问它所绑定的数据，这将通过调用ObjectDataSource的Select方法来实现；如果这个Data Web 服务器控件还支持插入、更新或者删除，那么将调用ObjectDataSource的Insert、Update或者Delete方法。这些调用会通过ObjectDataSource被发送到适当的底层对象的方法，如下图所示。

图2:ObjectDataSource充当一个代理

　　虽然ObjectDataSource被用来实现插入、更新或者删除数据，但暂时我们只集中讨论返回数据，以后的章节再探讨使用ObjectDataSource和Data Web 服务器控件实现数据修改。

第一步：添加和配置ObjectDataSource控件

　　首先，打开BasicReporting文件夹中的SimpleDisplay.aspx页面，切换到设计视图，从工具箱拖拽一个ObjectDataSource控件到页面。它在设计界面显示为一个灰色的方块，这是因为它不产生任何的声明标记；它仅仅是通过调用制定的对象的方法存取数据。通过ObjectDataSource返回的数据可以展现到Data Web 服务器控件，例如GridView、DetailsView、FormView等等。

　　注意：作为另一种选择，你也可以先在页面上添加一个Data Web 服务器控件，然后“显示智能标记”，从“选择数据源”下拉框中选择〈新建数据源…〉进入数据源配置向导来添加一个ObjectDataSource。

　　为了指定ObjectDataSource的底层对象并且把该对象的方法映射到ObjectDataSource的的方法，可以点击ObjectDataSource的智能标记中的“配置数据源”链接进入数据源配置向导。

图3: 点击智能标记中的“配置数据源”链接

　　这将进入数据源配置向导。首先，我们需要给ObjectDataSource指定一个业务对象。如果勾选上“只显示数据组件”，那么下拉框中就仅仅显示出那些以[DataObject]特征修饰过的对象。当前这个列表中应该包含了类型化数据集中表适配器对象（TableAdapters）和前文中我们已经创建的业务对象。如果你忘了给业务逻辑类增加[DataObject]特征，那么当前列表中讲看不到它们。如果是那样的话，你也可以不勾选“只显示数据组件”从而看见所有对象，这就可以把业务对象包含进来（连同类型化数据集中的其他类 –DataTables、 DataRows等等）

　　在第一屏中从下拉列表中选择业务对象ProductsBLL ，然后点击“下一步”。

图4: 指定ObjectDataSource 控件使用的业务对象

　　在下一屏中向导中你可以选择ObjectDataSource要调用的方法。下拉列表中方法是从上一屏中选定的业务对象获得的。这里我们可以看到GetProductsByProductID，GetProducts，GetProductsByCategoryID和GetProductsBySupplierID这几个方法。从下拉列表中选择方法GetProducts然后点击“完成”（如果你已经像前文展示那样给ProductBLL的方法增加了[DataObjectMethod]特征，那么该项会被默认选中）。

图5: 从“Select”Tab页选择返回数据的方法

　　手工配置ObjectDataSource

ObjectDataSource配置向导提供了一个快捷的方式来指定它使用的对象并关联需要调用的方法。不过，你也可以通过它的属性来配置ObjectDataSource，不管是通过属性窗口还是直接在声明标记里。只需简单地将TypeName属性设置为使用的业务对象的名称，将SelectMethod属性设置为提取数据时需要调用的方法名称。

　　尽管你可能更喜欢数据源配置向导，但有时你还是需要手工配置ObjectDataSource，因为配置向导只列出已经开发的类。如果你希望把ObjectDataSource绑定到.NET Framework里的类–例如 Membership class来存取登陆用户信息，或者Directory class 来管理文件系统信息，那么你就需要手工设置ObjectDataSource的属性。

第二步:添加一个Data Web服务器控件并将它绑定到ObjectDataSource

　　在ObjectDataSource添加到页面并完成配置之后，我们就可以添加一个Data Web服务器控件到页面来展现通过ObjectDataSource的Select方法返回的数据。所有的Data Web服务器控件都可以绑定到ObjectDataSource；下面我们看看如何将ObjectDataSource的数据展现到GridView、DetailsView、和 FormView 。

绑定一个GridView到ObjectDataSource

　　从工具箱添加一个GridView控件到页面SimpleDisplay.aspx的设计界面。从GridView的智能标记，选择我们在第一步中添加的ObjectDataSource控件作为数据源。这将根据ObjectDataSource的Select方法所返回数据的每一个属性（即类型化数据集Products所定义的属性）自动地在GridView控件里产生一个绑定列（BoundField）。

图6: 添加一个GridView控件到页面并绑定到ObjectDataSource

图7: 通过编辑列对话框管理GridView控件的绑定列

 花一些时间修改GridView控件的绑定列，移除ProductID, SupplierID, CategoryID, QuantityPerUnit, UnitsInStock, UnitsOnOrder, 和 ReorderLevel这几列。操作很简单，从左下方的列表中选中这些列然后点击删除按钮（红色交叉）就可以移除它们。然后，重新排列一下，选中CategoryName 和 SupplierName两个绑定列并点击向上箭头按钮，使它们排放在UnitPrice列之前。分别设置Products、Category、Supplier和 Price这几个剩下的绑定列的HeaderText属性。然后，格式化Price列为货币–设置该绑定列的HtmlEncode属性为False并且设置DataFormatString属性为{0:c} 。最后，通过ItemStyle/HorizontalAlign属性设置绑定列Price的水平靠右对齐以及CheckBox列Discontinued水平居中显示。

图 8: GridView控件的绑定列定制完成

使用主题（Themes）保持显示风格的一致

　　这里会尽可能地移除控件层面的样式设置，取而代之的是使用在一个外部文件里定义的级联样式表。文件Styles.css包含了DataWebControlStyle、HeaderStyle、RowStyle和 AlternatingRowStyle 这几种CSS样式可以用来指示Data Web服务器控件的外观。为了实现这一点，我们可以设置GridView控件的CssClass属性为DataWebControlStyle，HeaderStyle、RowStyle和 AlternatingRowStyle的CssClass属性也类似地设置。

　　如果我们设置了这些CssClass属性到Web控件，那么我们不得不记得明确地把每一个属性的值和每一个Data Web服务器控件记录到我们的手册中。一种更为方便管理的方法是使用一个Theme定义CSS样式跟GridView、 DetailsView和FormView控件的属性之间的关联关系。Theme是一个控件层面的属性设置、图片和CSS样式的集合，它可以应用到整个站点的所有页面强制约束外貌和感观。

　　我们的Theme将不会包含图片和CSS文件（我们会把stylesheet Styles.css文件照旧留在web应用程序的根目录下），但是它会包含两个外观（Skin）。外观是一个包含Web控件的默认属性设置的文件。特别地，我们将创建一个Skin文件为GridView和 DetailsView定义外观，标示默认的CssClass关联的属性。

　　在解决方案资源管理器里选中当前项目，从右键菜单中选择“添加新项”，添加一个外观文件到你的项目并命名为GridView.skin 。

图9: 添加一个外观文件并命名为GridView.skin

　　Skin files need to be placed in a Theme, which are located in the App_Themes folder. Since we don't yet have such a folder, Visual Studio will kindly offer to create one for us when adding our first Skin. Click Yes to create the App_Theme folder and place the new GridView.skin file there.

　　外观文件需要被放置到一个主题里，而主题文件则存放在App_Themes文件夹里。因为我们目前还没有这个文件夹，当我们添加第一个外观文件时，Visual Studio会友善地提议为我们创建一个。点击“是”，自动创建App_Theme文件夹并把刚刚添加的GridView.skin文件放置在那里。

图 10: 让Visual Studio自动创建App_Theme文件夹

 这将在App_Themes文件夹中自动创建一个主题，主题名称为GridView并包含了外观文件GridView.skin 。

图 11: 主题GridView已被添加到 App_Theme 文件夹

　　把主题GridView重命名为DataWebControls（从GridView文件夹右键菜单中选择重命名）。然后，进入下面所见的GridView.skin文件的标记：

 　　使用了主题DataWebControls后，这将定义任何一个页面中任何一个GridView控件与CssClass相关属性的默认值。让我们添加一个另一个针对DetailsView控件的外观，这个控件我们不久就会用到。在主题DataWebControls添加一个命名为DetailsView.skin的外观，并加入如下的标记： 

　　关于我们的主题设置，最后一部就是将主题应用到我们的ASP.NET页面。一个主题可以一页一页地应用到页面，也可以应用到一个站点下的所有页面。让我们把主题应用到站点下的所有页面。为了实现这一点，在Web.config的片断里加入下面的标记：

　　这就顺利完成了！在主题样式表里预设的属性将不会覆盖直接在控件层面设定的属性。如果希望主题里的设置高于控件的设置，则需要在主题样式表里使用主题特征；然而不幸地，主题特征的设置并不出现在Visual Studio 的逻辑视图。查阅 ASP.NET Themes and Skins Overview 和 Server-Side Styles Using Themes 获取更多的关于主题和外观的信息； 查看 How To: Apply ASP.NET Themes 获得更多的关于如何配置页面去使用一个主题的信息。

图 12: The GridView显示 Product's Name, Category, Supplier, Price, and Discontinued Information

在 DetailsView控件里每次显示一条数据

　　在GridView控件里，从绑定的数据源控件返回的数据每条记录会被显示为一行。然而有时候，我们仅仅需要显示一条单独的记录，或者每次只显示一条记录。DetailsView控件提供了这个功能，它表现为一个两列的HTML的

　　首先，在页面SimpleDisplay.aspx里GridView控件的上方添加一个DetailsView控件。然后，把它绑定到GridView的同一个ObjectDataSourc控件。正如GridView控件那样，它会根据ObjectDataSource的Select方法所返回的数据，每一个属性生成一个

提示： 本文由神整理自网络，如有侵权请联系本站删除！
本站声明：
1、本站所有资源均来源于互联网，不保证100%完整、不提供任何技术支持；
2、本站所发布的文章以及附件仅限用于学习和研究目的;不得将用于商业或者非法用途；否则由此产生的法律后果，本站概不负责！