ASP.NET 2.0中的数据操作之七：使用DropDownList过滤的主/从报表

导言

　　主/从报表是一种很常见的报表, 这类报表中首先会显示一些主记录. 然后用户可以深入(追溯)某条主记录来查看该主记录的详情. 主/从报表是显示一对多关系的理想选择, 比如一个报表显示所有的产品类别,然后根据用户选择的特定类别显示与之关联的产品. 另外, 主/从表在显示”宽”表(有很多列的表)的详细信息时也很有用.例如主/从报表的主表部分显示数据库中产品表的产品名称和单价, 具体到某一个产品时再显示其他的产品字段(类别,供应商,单位数量,等等).

　　有很多方法可以实现主/从报表. 在这篇及接下来的3篇教程中我们将看到各种各样的主/从报表. 在本篇中我们会看到如何在dropdownlist控件中显示主记录以及在gridview中显示选中数据项的详细信息. 具体来说, 在本篇中主/从报表将会列出产类别及产品信息.

step 1: 在dropdownlist 中显示类别

　　我们的主/从报表将会在dropdownlist中列出类别, 根据选择的列表项在页面上的gridview显示相关的产品. 我们的第一任务, 就是要在dropdownlist中显示类别. 打开filtering文件夹中的filterbydropdownlist.aspx, 从工具箱中将一个dorpdownlist控件拖放在该页上, 设置它的id属性为categories. 然后, 单击”dropdownlist 任务”上的”选择数据源”链接. “选择数据源”向导启动.

图1:指定dropdownlist控件的数据源

添加一个数据源控件并命名为categoriesdatasource,该控件将会调用categoriesbll 类的 getcategories().

图2: 添加一个数据源控件并命名为categoriesdatasource

图3: 选择使用categoriesbll 类

图4: 配置数据源控件使用getcategories() 方法

　　配置完objectdatasource后还需要指定要在dropdownlist中显示的数据字段,以及作为数据项的值(value for the list item)的数据字段.我们指定categoryname为要显示的列, 指定categoryid为数据项的值字段

图5: 指定categoryname为要显示的列, categoryid作为数据项的值。

　　这时,我们就有了一个使用categories表中的记录来填充的dropdownlist控件.图6显示了在浏览器中所看到的目前为止我们所做的工作.

图6:dropdownlist列出了当前的类别

step 2: 添加产品表格

在主/从报表的最后一步是列出与选定的类别相关联的产品. 要实现该功能,在页面上增加一个gridview控件然后创建一个数据源控件(objectdatasource)并命名为productsdatasource.让productsdatasource控件从productsbll类的getproductsbycategoryid(categoryid)获取数据.

图7: 选择getproductsbycategoryid(categoryid) 方法

选择该方法之后,数据源控件(objectdatasource)向导会提示我们定义该方法的categoryid参数值. 要使用categories dorpdownlist中选择的值, 设置参数源为control, 设置controlid为categories.

图8: categoryid 参数设置为categories dropdownlist的值

花一点时间在浏览器中检查一下我们前面所做的工作. 第一次访问页面时,那些属于已选择类别(beverages)的产品已经显示出来了(如图9), 但是当改变dropdownlist时并没有更新产品数据.这是由于必须引发一次回发(postback)gridview才会更新.有两个方法可以实现(两种方法都不需要写任何代码):

· 设置 categories 的autopostback 属性为 true. (你可以选中dropdownlist's smart tag 上的enable autopostback 选项.) 这样,只要用户改变了dropdownlist的选择项都会引起一次回发. 所以, 当用户在dropdownlist中选择了一个新的类别就会引起一次回发,gridview 也会随着新选择的类别更新产品数据. (在本教程中我们使用此方法.)

· dropdownlist后面添加一个按钮控件.  设置他的text 属性为”刷新”或类似的文本.使用这种方法, 用户需要选择一个新的类别然后单击该按钮.单击按钮将会引起一次回发并更新gridview显示已选择类别的产品.图9和图10演示了运行后的主/从报表.

图9: 第一次访问该页面时, 显示beverage 的产品

图10: 选择一个新的产品,自动引起一次回发并更新gridview类别的产品.

比起显示第一个类别的产品, 我们可以为dropdownlist 添加一个默认选择项,比如 “—选择类别 --”,这样也许更友好一些.要给dropdownlist增加一个新的数据项, 在属性窗口中单击items 属性的省略号图标. 添加一个新的数据项并设置text 为“—选择类别--”设置value 为-1.

图11:  增加 “—选择类别--” 数据项

除了上面的方法,你还可以使用下面的标记性语言(markup)为dorpdownlist添加一个数据项:

<asp:dropdownlist id="categories" runat="server" autopostback="true" datasourceid="categoriesdatasource"
 datatextfield="categoryname" datavaluefield="categoryid" enableviewstate="false">
 <asp:listitem value="-1">-- choose a category --</asp:listitem>
</asp:dropdownlist>

另外,我们需要把dropdownlist控件的appenddatabounditems属性设置为true,因为数据源控件中的类别数据绑定到dropdownlist 时, 将会覆盖所有的手工增加的列表项,除非你的appenddatabounditems属性设置true.

图12: 设置appenddatabounditems 属性为true

这样,第一次访问该页面时, ”—选择类别—“数据项是被选中并且不显示任何产品.

图13: 页面第一次加载时不显示产品

没有显示产品的原因是由于”—选择类别—“项被选中,该数据项的值是-1, 而数据库中不存在categoryid为-1的产品. 如果这正是你想要的那现在就可以打完收工了, 如果你希望在"--选择类别--"项选中时显示所有类别的产品,在productsbll类中自定义getproductsbycategoryid(categoryid)方法,如果categoryid参数值小于0则调用getproducts()方法:

public northwind.productsdatatable getproductsbycategoryid(int categoryid)
{
 if (categoryid < 0)
  return getproducts();
 else
  return adapter.getproductsbycategoryid(categoryid);
}

在这里使用的技巧与在后面的[声明式语法]教程中显示全部供应商的相似,尽管在这个例子中我们使用了-1而不是使用null来指示是否应该获取全部记录. 这是因为getproductsbycategoryid(categoryid)中的categoryid参数需要一个整型值,与之相反,在[声明式语法]教程中我们传入了一个字符串参数.

图14 显示了当”—选择类别—“项选中时filterbydropdownlist.aspx页面的截屏. 此时,所有类型的产品默认全部显示, 用户可以通过选择特定的类别来缩小显示范围

图 14: 默认情况下显示所有产品

总结

在显示分层次的关系数据时,经常使用主/从报表,通过它用户可以先看到最上层的数据,然后再深入到详细信息. 在本指南中我们分析了构建一个简单的主/从报表来显示选定类别的产品. 我们通过使用dropdownlist控件列出类别以及gridview显示选定类别的产品完成了这个主/从报表.

在下一篇教程中,我们将通过使用两个dropdownlist来进一步介绍dropdownlist过滤的主/从报表,.

祝编程快乐!

增加”选择类别”列表项

第一次访问filterbydropdownlist.aspx 页时,类别dropdownlist中第一个数据项(beverages)默认是选中的, gridview中显示的也是beverage

作者简介

scott mitchell，著有六本asp/asp.net方面的书，是4guysfromrolla.com的创始人，自1998年以来一直应用微软web技术。scott是个独立的技术咨询顾问，培训师，作家，最近完成了将由sams出版社出版的新作，24小时内精通asp.net 2.0。他的联系电邮为，也可以通过他的博客与他联系。