ASP.NET2.0中的数据操作之八:使用两个DropDownList过滤的主/从报表作者:heker2007字体:[增加减小]类型:转载时间:2016-05-04我要评论本文主要介绍在ASP.NET2.0中如何如何将DropDownList和另一个DropDownList控件关联,选择产品分类和具体的产品时,使用DetailsView显示产品的详细信息。导言在前面的指南中我们研究了如何显示一个简单的主/从报表,该报表使用DropDownList和GridView控件,DropDownList填充类别,GridView显示选定类别的产品.这类报表用于显示具有一对多关系的记录时非常合适,同时它也可以很容易的被扩展以显示多个一对多关系的数据.比如,一个订单系统应该包含表示客户,订单和订单明细的表.一个客户也许有多个订单,每个订单又包含多条订单项.这样的数据可以使用两个DropDownList和一个GridView呈现给用户.第一个DropDownList应该包含数据库中所有客户的列表,第二个DropDownList的内容是选定客户的订单.GridView用于列出所选定订单的订单明细项.Step1:创建DropDownList并使用类别数据填充我们的第一个目标是添加一个能够列出类别的DropDownList.这些步骤在前面的指南中已经做详细的分析,但为了保持本篇指南的完整性有必要在这里简单概括一下.打开Filtering文件夹中的MasterDetailsDetails.aspx,在页面上添加一个DropDownList,设置它的ID为Categories,然后单击智能标记上的ConfigureDataSource链接.在数据源配置向导中选择新增一个数据源.图1:为DropDownList增加一个新的数据源当然,新的数据源应该是ObjectDataSource.把新的ObjectDataSource命名为CategoriesDataSource并且让他调用CategoriesBLL对象的GetCategories()方法图2:选择使用CategoriesBLL类图3:配置ObjectDataSource使用GetCategories()方法配置完ObjectDataSource后还需要指定要在DropDownList中显示的数据字段,以及作为数据项的值(valueforthelistitem)的数据字段.我们指定CategoryName为要显示的列,指定CategoryID为数据项的值字段图4:指定DropDownList显示CategoryName列并且使用CategoryID列作为数据项的值这时,我们就有了一个使用Categories表中的记录来填充的DropDownList控件.当用户在DropDownList中选择一个新的类别时,我们需要一次回发,这样可以刷新在第二步中我们要创建的产品DropDownList控件.所以,categoriesDropDownList的智能标记上选中AutoPostBack选项.图5:选中CategoriesDropDownList的AutoPostBackStep2:在第二个DropDownList中显示选中类别的产品CategoriesDropDownList完成后,下一步就需要一个显示属于选定类别的产品的DropDownList了.要完成这个功能,再增加一个DropDownList控件并命名为ProductsByCategory.与CategoriesDropDownList一样,为ProductsByCategoryDropDownList创建一个新的ObjectDataSource并命名为ProductsByCategoryDataSource.图6:为ProductsByCategoryDropDownList添加新数据源图7:创建一个新的ObjectDataSource并命名为ProductsByCategoryDataSource由于ProductsByCategoryDropDownList需要显示属于选定类别的产品,让ObjectDataSource调用ProductsBLL对象的GetProductsByCategoryID(categoryID)方法.图8:选择使用ProductsBLL类图9:配置ObjectDataSource使用GetProductsByCategoryID(categoryID)方法在向导的最后一步需要指定categoryID的值.我们把CategoriesDropDownList的已选择的数据项项作为该参数值.图10:使用categoryID参数从CategoriesDropDownList接收值ObjectDataSource配置完成后,剩下的就是指定DropDownList要显示的字段和作为值的字段了.设置为显示ProductName并把ProductID做为值字段图11:指定DropDownList数据项的文本和值使用的数据源字段ObjectDataSource和ProductsByCategoryDropDownList配置完成后页面上会有两个DropDownList:第一个列出所有的类别,第二个列出属于选定类别的产品.当用户在第一个DropDownList上选择了一个新的类别后,将会发生一次回发(postback),第二个DropDownList将会重新绑定以显示属于新选定类别的产品.图12和图13显示了在浏览器中看到的MasterDetailsDetails.aspx页面.图12:第一次访问页面时Beverages类别是选中的.图13:选择一个不同的类别时显示该类别的产品图14:激活productsByCategoryDropDownList的AutoPostBack属性Step3:使用DetailsView显示选中产品的详细信息最后一个步骤是在DetailsView中显示选中产品的详细信息.要完成该功能,添加一个DetailsView到页面上,设置它的ID属性为ProductDetails,给它创建一个新的ObjectDataSource.配置ObjectDataSource使它通过ProductsBLL类的GetProductByProductID(productID)方法填充数据,使用ProductsByCategoryDropDownList的已选择项的值作为productID参数的值.图15:选择使用ProductsBLL类图16:配置ObjectDataSource使用GetProductByProductID(productID)方法图17:使用ProductsByCategoryDropDownList的值作为productID参数的值你可以选择在DetailsView显示的任何有效的字段.我决定不显示ProductID,SupplierID,和CategoryID字段并且对其余的字段重新排序及格式化.另外,我去掉了DetailsView的Height和Width属性设置,允许DetailsView可以扩展到需要的宽度,这样比把它限制在指定的大小会更好的显示数据.下面便是全部的标记性语言(markup)?1234567891011121314asp:DetailsViewID=ProductDetailsrunat=serverAutoGenerateRows=FalseDataKeyNames=ProductIDDataSourceID=ObjectDataSource1EnableViewState=FalseFieldsasp:BoundFieldDataField=ProductNameHeaderText=ProductSortExpression=ProductName/asp:BoundFieldDataField=CategoryNameHeaderText=CategoryReadOnly=TrueSortExpression=CategoryName/asp:BoundFieldDataField=SupplierNameHeaderText=SupplierReadOnly=TrueSortExpression=SupplierName/asp:BoundFieldDataField=QuantityPerUnitHeaderText=Qty/UnitSortExpression=QuantityPerUnit/asp:BoundFieldDataField=UnitPriceDataFormatString={0:c}HeaderText=PriceHtmlEncode=FalseSortExpression=UnitPrice/asp:BoundFieldDataField=UnitsInStockHeaderText=UnitsInStockSortExpression=UnitsInStock/151617181920212223242526272829asp:BoundFieldDataField=UnitsOnOrderHeaderText=UnitsOnOrderSortExpression=UnitsOnOrder/asp:BoundFieldDataField=ReorderLevelHeaderText=ReorderLevelSortExpression=ReorderLevel/asp:CheckBoxFieldDataField=DiscontinuedHeaderText=DiscontinuedSortExpression=Discontinued//Fields/asp:DetailsView花点时间在浏览器中测试一下MasterDetailsDetails.aspx页面.乍一看好像一切如预计的那样顺利,但是却有一个小问题.当你选择了一个新类别,ProductsByCategoryDropDownList会更新显示选中类别的产品,但是ProductDetailsDetailsView还是显示上一个产品的信息.当选择了一个选中类别的不同的产品时DetailsView应该被更新.此外,如果你的测试足够彻底,你将会发现如果你不断的选择新类别(比如在CategoriesDropDownList中选择Beverages,然后选择Condiments,然后是Confections)每个类别的选择都会使ProductDetailsDetailsView被刷新.为了让这个问题更具体一些,让我们看一个例子.当你第一次访问该页面时,Beverages类别是选中的并且与之相关的产品在ProductsByCategoryDropDownList中列出.Chai是当前选中的产品,他的详细信息显示在ProductDetailsDetailsView中,如图18.图18:DetailsView显示了选中产品的详细信息如果你把类别选项Beverages改成Condiments,便会发生一次回发,ProductsByCategoryDropDownList会相应的更新,但是DetailsView仍然会显示Chai的详细信息.图19:上一次选择产品的详细信息仍然在显示在列表中选择一个产品会如预期地一样刷新DetailsView,如果你改变了产品之后选择了一个新的类别,DetailsView又一次没有刷新.然后如果你选择一个新类别而不是选择一个产品,DetailsView则会刷新.究竟是怎么回事呢?这个问题是由页面生命周期的时间调度引发的.当页面被请求时会经过一系列的处理后呈现出来.这其中的一项处理便是ObjectDataSource控件检查他的SelectParameters值是否发生变化.如果发生了变化,WEB控件绑定到ObjectDataSource的数据便会刷新显示.比如,当一个新类别被选中时,ProductsByCatego