随笔 - 97  文章 - 0 评论 - 299 trackbacks - 434

原文 | 下载本教程中的编码例子 | 下载本教程的PDF版

(以后比较长的部分我都会分几次贴出来)

导言

DataList和Repeater数据分页里我们学习了如何在DataList里添加分页功能。我们在ProductsBLL类里创建了一个名为GetProductsAsPagedDataSource的方法,它返回一个PagedDataSource对象。当绑定到DataListRepeater时,他们将只显示请求页的数据。这个技术和GridViewDetailsViewFormView的内置分页功能原理差不多。

除了分页外,GridView还提供了内置的排序功能,而DataListRepeater都没有。然而排序功能可以通过一点点代码就实现。本章我们将学习如何在DataListRepeater里实现排序功能,我们还将创建一个同时支持分页和排序的DataListRepeater

回顾一下排序

如我们在分页和排序报表数据里看到的,GridView提供了排序的支持。每个GridView的字段可以有一个关联的SortExpression,它指明了对数据进行排序依据的字段。当GridViewAllowSorting属性设为true时,每个包含SortExpression 属性的GridView的字段的header都表现为一个LinkButton。当点一个header时,页面postback,数据会根据被点字段的SortExpression进行排序。另外,SortDirection属性指明了数据是升序或降序。

当将GridView绑定到数据源控件时,它会将SortExpressionSortDirection传给数据源控件。数据源控件获取数据并根据SortExpressionSortDirection进行排序。然后将数据返回给GridView

DataListRepeater里实现这个功能,我们需要:

  • 创建一个排序界面
  • 将排序的字段和方向(升序或降序)记下
  • 指导ObjectDataSource根据特定字段排序

我们将在第三和四步来处理上面三个步骤。然后我们将看看如何让DataListRepeater同时支持这两个功能(分页和排序)。

第二步: Repeater里显示 Products

在实现排序功能前,首先创建一个列出所有productRepeater。打开PagingSortingDataListRepeater文件夹里的Sorting.aspx页。添加一个Repeater,ID设为SortableProducts。从智能标签里创建一个名为ProductsDataSourceObjectDataSource。用ProductsBLL类的GetProducts()方法配置它。在INSERT, UPDATE, DELETE标签的下拉列表里选择“(None)”

1: 创建 ObjectDataSource

2: UPDATE, INSERT, DELETE 标签的下拉列表里选择 “(None)”

在绑定到数据源后,Visual Studio没有自动为Repeater创建ItemTemplate,这点和DataList不一样。而且由于Repeater控件的智能标签里没有象DataList里那样的“Edit Templates”选项,因此我们需要直接添加声明代码。我们使用和前一章一样的ItemTemplate,它显示product name, supplier, category

现在你的RepeaterObjectDataSource的声明标记看起来应该和下面差不多:

ASP.NET

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<asp:Repeater ID="SortableProducts" DataSourceID="ProductsDataSource"

    EnableViewState="False" runat="server">

    <ItemTemplate>

        <h4><asp:Label ID="ProductNameLabel" runat="server"

            Text='<%# Eval("ProductName") %>'></asp:Label></h4>

        Category:

        <asp:Label ID="CategoryNameLabel" runat="server"

            Text='<%# Eval("CategoryName") %>'></asp:Label><br />

        Supplier:

        <asp:Label ID="SupplierNameLabel" runat="server"

            Text='<%# Eval("SupplierName") %>'></asp:Label><br />

        <br />

        <br />

    </ItemTemplate>       

</asp:Repeater>

 

<asp:ObjectDataSource ID="ProductsDataSource" runat="server"

    OldValuesParameterFormatString="original_{0}" TypeName="ProductsBLL"

    SelectMethod="GetProducts">

</asp:ObjectDataSource>

3 是现在浏览该页的样子。

3: 显示 Product Name, Supplier, Category

第三步: 指导 ObjectDataSource 对数据进行排序

为了让Repeater里显示的数据排序,我们需要将数据排序的sort expression告诉ObjectDataSource。在ObjectDataSource获取数据前,首先激发的是Selecting event,它给我们提供了一个指定sort expression的机会。Selecting event handler 有一个ObjectDataSourceSelectingEventArgs 类型的参数,它有一个名为Arguments DataSourceSelectArguments类型的属性.DataSourceSelectArguments类被设计用来将数据相关的请求从数据的消费者传给数据源控件,它有一个SortExpression property

创建一个Selecting event handler,用以下代码将排序的信息从ASP.NET页传给ObjectDataSource

C#

1

2

3

4

5

protected void ProductsDataSource_Selecting

    (object sender, ObjectDataSourceSelectingEventArgs e)

{

    e.Arguments.SortExpression = sortExpression;

}

sortExpression 需要赋值为排序字段的名字(例如“ProductName”)。它没有排序方向相关的属性,因此如果需要以降序来排序,将“DESC”附加在sortExpression 的值后面(比如“ProductName DESC”)。

继续试一下硬编码将sortExpression 赋为不同的值,并浏览页面 。如图4,当使用“ProductName DESC”作为sortExpression时,product会根据name的字母顺序反向排序。

4: Product 根据Name 的字母顺序反向排序

第四步: 创建排序界面并记下Sort Expression Direction

开启GridView的排序支持会将每个可排序的字段的header text转换为一个LinkButton,当被点击时,会进行相对应的排序。这样的排序对GridView来说是很合理的,因为它的数据是以列的形式整齐的展示。而对DataListRepeater来说,需要不同的排序界面。一个常见的数据列表(相对于数据网格)的排序界面是使用一个提供排序字段的下拉列表。我们本章将完成这样的界面。

SortableProducts Repeater上方添加一个DropDownList,将ID设为SortBy。在属性窗口里点Items属性打开ListItem集合编辑器。添加ListItems,让数据根据ProductName, CategoryName, SupplierName 字段排序。同时添加ListItemproduct根据反向的name的顺序排序。

ListItemText属性可以设为任何值(比如“Name”),但是Value必须设为数据字段的名字(比如“ProductName”)。添加字符串“DESC”到数据字段名字后面,来让结果以降序排序,比如“ProductName DESC”

5:为每个可排序的字段添加 ListItem

最后在DropDownList的右边添加一个Button。将ID设为RefreshRepeaterText设为“Refresh”

完成这些后,DropDownListButton的声明语法看起来应该和下面差不多:

ASP.NET

1

2

3

4

5

6

7

8

9

<asp:DropDownList ID="SortBy" runat="server">

    <asp:ListItem Value="ProductName">Name</asp:ListItem>

    <asp:ListItem Value="ProductName DESC">Name (Reverse Order)

        </asp:ListItem>

    <asp:ListItem Value="CategoryName">Category</asp:ListItem>

    <asp:ListItem Value="SupplierName">Supplier</asp:ListItem>

</asp:DropDownList>

 

<asp:Button runat="server" ID="RefreshRepeater" Text="Refresh" />

完成DropDownList后,我们需要更新ObjectDataSourceSelecting event handler,来让它使用选择的SortBy  ListItemValue作为sort expression,代替前面的硬编码。

C#

1

2

3

4

5

6

7

protected void ProductsDataSource_Selecting

    (object sender, ObjectDataSourceSelectingEventArgs e)

{

    // Have the ObjectDataSource sort the results by the selected

    // sort expression

    e.Arguments.SortExpression = SortBy.SelectedValue;

}

现在第一次浏览页的时候,由于默认的SortBy ListItem 的值为ProductName,因此product会根据ProductName字段来排序。见图6。选择一个其它的项比如“Category”–然后点Refresh,这时会postback,数据会根据category name来重新排序,见图7

6: 第一次 Products 根据 Name 排序

7: 现在 Products 根据 Category 来排序

注意:点Refresh button会让数据重新排序是因为Repeaterview state被禁用了,因此Repeater在每次postback时重新绑定到数据源。如果你开启Repeaterview state,这时改变drop-down list不会对排序有任何影响。为了修复这个问题,你可以为Refresh Button Click event创建一个event handler,来重新绑定Repeater到数据源(调用RepeaterDataBind()方法)。

记下Sort Expression Direction(排序表达式和排序方向)

如果包含可排序的DataListRepeater的页可能有其它和排序无关的postback发生,那么我们需要在postback过程中记下sort expression direction。比如,我们将本章的Repeater修改成为每个product包含一个Delete button。当用户点Delete button时我们会执行一些代码来删除选择的product,然后将数据绑定到Repeater。如果排序的信息在postback过程中没有被保存下来,那么显示的数据会回复到最初的排序状态。

本章里,DropDownList隐式的为我们将sort expression direction保存在它的view state里。如果我们使用不同的排序界面–LinkButton提供不同的排序选项我们就需要在postback过程中记下排序的信息。这个可以通过将排序的参数记在pageview state里,或者记在querystring里,或者通过一些其它状态保存机制来实现。


本章后面的例子会探讨如何将排序信息保存在
pageview state里。

 

posted on 2006-12-08 09:45 有些伤感 阅读(...) 评论(...) 编辑 收藏