導(dǎo)言

　　DataList和Repeater數(shù)據(jù)分頁里我們學(xué)習(xí)了如何在DataList里添加分頁功能。我們?cè)赑roductsBLL類里創(chuàng)建了一個(gè)名為GetProductsAsPagedDataSource的方法，它返回一個(gè)PagedDataSource對(duì)象。當(dāng)綁定到DataList或Repeater時(shí)，他們將只顯示請(qǐng)求頁的數(shù)據(jù)。這個(gè)技術(shù)和GridView，DetailsView，F(xiàn)ormView的內(nèi)置分頁功能原理差不多。

　　除了分頁外，GridView還提供了內(nèi)置的排序功能，而DataList和Repeater都沒有。然而排序功能可以通過一點(diǎn)點(diǎn)代碼就實(shí)現(xiàn)。本章我們將學(xué)習(xí)如何在DataList和Repeater里實(shí)現(xiàn)排序功能，我們還將創(chuàng)建一個(gè)同時(shí)支持分頁和排序的DataList或Repeater。

回顧一下排序

　　如我們?cè)诜猪摵团判驁?bào)表數(shù)據(jù)里看到的，GridView提供了排序的支持。每個(gè)GridView的字段可以有一個(gè)關(guān)聯(lián)的SortExpression，它指明了對(duì)數(shù)據(jù)進(jìn)行排序依據(jù)的字段。當(dāng)GridView的AllowSorting屬性設(shè)為true時(shí)，每個(gè)包含SortExpression 屬性的GridView的字段的header都表現(xiàn)為一個(gè)LinkButton。當(dāng)點(diǎn)一個(gè)header時(shí)，頁面postback，數(shù)據(jù)會(huì)根據(jù)被點(diǎn)字段的SortExpression進(jìn)行排序。另外，SortDirection屬性指明了數(shù)據(jù)是升序或降序。

　　當(dāng)將GridView綁定到數(shù)據(jù)源控件時(shí)，它會(huì)將SortExpression和SortDirection傳給數(shù)據(jù)源控件。數(shù)據(jù)源控件獲取數(shù)據(jù)并根據(jù)SortExpression和SortDirection進(jìn)行排序。然后將數(shù)據(jù)返回給GridView。

在DataList或Repeater里實(shí)現(xiàn)這個(gè)功能，我們需要：　

　　創(chuàng)建一個(gè)排序界面
　　將排序的字段和方向（升序或降序）記下
　　指導(dǎo)ObjectDataSource根據(jù)特定字段排序

　　我們將在第三和四步來處理上面三個(gè)步驟。然后我們將看看如何讓DataList或Repeater同時(shí)支持這兩個(gè)功能（分頁和排序）。

第二步: 在 Repeater里顯示 Products

　　在實(shí)現(xiàn)排序功能前，首先創(chuàng)建一個(gè)列出所有product的Repeater。打開PagingSortingDataListRepeater文件夾里的Sorting.aspx頁。添加一個(gè)Repeater,將ID設(shè)為SortableProducts。從智能標(biāo)簽里創(chuàng)建一個(gè)名為ProductsDataSource的ObjectDataSource。用ProductsBLL類的GetProducts()方法配置它。在INSERT, UPDATE, DELETE標(biāo)簽的下拉列表里選擇“(None)”。

圖 1: 創(chuàng)建 ObjectDataSource

圖 2: 在 UPDATE, INSERT, DELETE 標(biāo)簽的下拉列表里選擇 “(None)”

　　在綁定到數(shù)據(jù)源后，Visual Studio沒有自動(dòng)為Repeater創(chuàng)建ItemTemplate，這點(diǎn)和DataList不一樣。而且由于Repeater控件的智能標(biāo)簽里沒有象DataList里那樣的“Edit Templates”選項(xiàng)，因此我們需要直接添加聲明代碼。我們使用和前一章一樣的ItemTemplate，它顯示product的 name, supplier, category。

　　現(xiàn)在你的Repeater和ObjectDataSource的聲明標(biāo)記看起來應(yīng)該和下面差不多：

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 是現(xiàn)在瀏覽該頁的樣子。

圖 3: 顯示 Product的 Name, Supplier, Category

第三步: 指導(dǎo) ObjectDataSource 對(duì)數(shù)據(jù)進(jìn)行排序

　　為了讓Repeater里顯示的數(shù)據(jù)排序，我們需要將數(shù)據(jù)排序的sort expression告訴ObjectDataSource。在ObjectDataSource獲取數(shù)據(jù)前，首先激發(fā)的是Selecting event，它給我們提供了一個(gè)指定sort expression的機(jī)會(huì)。Selecting event handler 有一個(gè)ObjectDataSourceSelectingEventArgs 類型的參數(shù)，它有一個(gè)名為Arguments的 DataSourceSelectArguments類型的屬性.。DataSourceSelectArguments類被設(shè)計(jì)用來將數(shù)據(jù)相關(guān)的請(qǐng)求從數(shù)據(jù)的消費(fèi)者傳給數(shù)據(jù)源控件，它有一個(gè)SortExpression property。

　　創(chuàng)建一個(gè)Selecting event handler，用以下代碼將排序的信息從ASP.NET頁傳給ObjectDataSource：

protected void ProductsDataSource_Selecting

 (object sender, ObjectDataSourceSelectingEventArgs e)

{

 e.Arguments.SortExpression = sortExpression;

}

　　sortExpression 需要賦值為排序字段的名字（例如“ProductName”）。它沒有排序方向相關(guān)的屬性，因此如果需要以降序來排序，將“DESC”附加在sortExpression 的值后面（比如“ProductName DESC”）。

　　繼續(xù)試一下硬編碼將sortExpression 賦為不同的值，并瀏覽頁面 。如圖4，當(dāng)使用“ProductName DESC”作為sortExpression時(shí)，product會(huì)根據(jù)name的字母順序反向排序。

圖 4: Product 根據(jù)Name 的字母順序反向排序

第四步: 創(chuàng)建排序界面并記下Sort Expression 和 Direction

　　開啟GridView的排序支持會(huì)將每個(gè)可排序的字段的header text轉(zhuǎn)換為一個(gè)LinkButton，當(dāng)被點(diǎn)擊時(shí)，會(huì)進(jìn)行相對(duì)應(yīng)的排序。這樣的排序?qū)ridView來說是很合理的，因?yàn)樗臄?shù)據(jù)是以列的形式整齊的展示。而對(duì)DataList和Repeater來說，需要不同的排序界面。一個(gè)常見的數(shù)據(jù)列表（相對(duì)于數(shù)據(jù)網(wǎng)格）的排序界面是使用一個(gè)提供排序字段的下拉列表。我們本章將完成這樣的界面。

　　在SortableProducts Repeater上方添加一個(gè)DropDownList，將ID設(shè)為SortBy。在屬性窗口里點(diǎn)Items屬性打開ListItem集合編輯器。添加ListItems，讓數(shù)據(jù)根據(jù)ProductName, CategoryName, SupplierName 字段排序。同時(shí)添加ListItem讓product根據(jù)反向的name的順序排序。

　　ListItem的Text屬性可以設(shè)為任何值（比如“Name”），但是Value必須設(shè)為數(shù)據(jù)字段的名字（比如“ProductName”）。添加字符串“DESC”到數(shù)據(jù)字段名字后面，來讓結(jié)果以降序排序，比如“ProductName DESC”。

圖 5:為每個(gè)可排序的字段添加 ListItem

　　最后在DropDownList的右邊添加一個(gè)Button。將ID設(shè)為RefreshRepeater，Text設(shè)為“Refresh”。

　　完成這些后，DropDownList和Button的聲明語法看起來應(yīng)該和下面差不多：

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后，我們需要更新ObjectDataSource的Selecting event handler，來讓它使用選擇的SortBy ListItem的Value作為sort expression，代替前面的硬編碼。


protected void ProductsDataSource_Selecting

 (object sender, ObjectDataSourceSelectingEventArgs e)

{

 // Have the ObjectDataSource sort the results by the selected

 // sort expression

 e.Arguments.SortExpression = SortBy.SelectedValue;

}

　　現(xiàn)在第一次瀏覽頁的時(shí)候，由于默認(rèn)的SortBy ListItem 的值為ProductName，因此product會(huì)根據(jù)ProductName字段來排序。見圖6。選擇一個(gè)其它的項(xiàng)–比如“Category”–然后點(diǎn)Refresh，這時(shí)會(huì)postback，數(shù)據(jù)會(huì)根據(jù)category name來重新排序，見圖7。

圖 6: 第一次 Products 根據(jù) Name 排序

圖 7: 現(xiàn)在 Products 根據(jù) Category 來排序

　　注意：點(diǎn)Refresh button會(huì)讓數(shù)據(jù)重新排序是因?yàn)镽epeater的view state被禁用了，因此Repeater在每次postback時(shí)重新綁定到數(shù)據(jù)源。如果你開啟Repeater的view state，這時(shí)改變drop-down list不會(huì)對(duì)排序有任何影響。為了修復(fù)這個(gè)問題，你可以為Refresh Button的 Click event創(chuàng)建一個(gè)event handler，來重新綁定Repeater到數(shù)據(jù)源（調(diào)用Repeater的DataBind()方法）。

　　記下Sort Expression 和 Direction（排序表達(dá)式和排序方向）

　　如果包含可排序的DataList或Repeater的頁可能有其它和排序無關(guān)的postback發(fā)生，那么我們需要在postback過程中記下sort expression 和 direction。比如，我們將本章的Repeater修改成為每個(gè)product包含一個(gè)Delete button。當(dāng)用戶點(diǎn)Delete button時(shí)我們會(huì)執(zhí)行一些代碼來刪除選擇的product，然后將數(shù)據(jù)綁定到Repeater。如果排序的信息在postback過程中沒有被保存下來，那么顯示的數(shù)據(jù)會(huì)回復(fù)到最初的排序狀態(tài)。

　　本章里，DropDownList隱式的為我們將sort expression 和 direction保存在它的view state里。如果我們使用不同的排序界面–LinkButton提供不同的排序選項(xiàng)–我們就需要在postback過程中記下排序的信息。這個(gè)可以通過將排序的參數(shù)記在page的view state里，或者記在querystring里，或者通過一些其它狀態(tài)保存機(jī)制來實(shí)現(xiàn)。

　　祝編程快樂！

作者簡(jiǎn)介

　　本系列教程作者 Scott Mitchell，著有六本ASP/ASP.NET方面的書，是4GuysFromRolla.com的創(chuàng)始人，自1998年以來一直應(yīng)用 微軟Web技術(shù)。大家可以點(diǎn)擊查看全部教程《[翻譯]Scott Mitchell 的ASP.NET 2.0數(shù)據(jù)教程》，希望對(duì)大家的學(xué)習(xí)ASP.NET有所幫助。