27-创建自定义排序用户界面.docx

显示大量已经按类别(不是很多)排序的数据但没有类别分界线，用户很难找到所需要的类别。例如，数据库中只有9个类别（8个不同的类别和1个null）,共81种产品.现在用一个GridView列出所有产品，假设有用户对类别Seafood的产品感兴趣，她一定会按类别排序，把Seafood产品排列在一起.排序后，用户便寻找Seafood产品开始和结束的地方。虽然是按英文字母排列类别不难找到Seafood,但仍要花些时间在GridView寻找。为了进一步的区分类别，许多网站使用类别分界线这种排序用户界面来区别不同的类别。例如像图1中的分界线可以使用户很快地找到需要的类别。图1:不同组明显的区分开来在这篇文章中我们将讲解如何创建这种排序用户界面.步骤1:创建一个普通的，能够排序的GridView 在我们学习如何创建增强型排序用户界面之前，先创建一个普通的列出所有产品GridView并且能够排序.现在打PagingAndSorting文件夹下的CustomSortingUI.aspx,添加一个GridView,设置ID=ProductList,以一个ObjectDataSource为数据源，ObjectDataSource的数据从ProductsBLL类的GetProducts()取得。接下来设置GridView的列，包括ProductName, CategoryName, SupplierNam