逐步解說：GridView Web 伺服器控制項的簡單排序

發行項
10/22/2014

更新：2007 年 11 月

您可以使用 ASP.NET GridView 控制項的內建排序功能，將單一資料行排序加入至您的資料中，而不需要任何編碼。

在瀏覽這份逐步解說期間，您將了解如何：

啟用 GridView 控制項的內建排序功能。

必要條件

若要完成這個逐步解說，您必須要有：

Microsoft Visual Web Developer (Visual Studio)。
存取 SQL Server Northwind 資料庫。如需下載並安裝 SQL Server 範例 Northwind 資料庫的詳細資訊，請參閱 Microsoft SQL Server 網站上的安裝範例資料庫。

注意事項：

如果您需要如何登入執行 SQL Server 之電腦的相關資訊，請聯繫伺服器管理員。
可以存取 Northwind 資料庫之 SQL Server 帳戶的使用者名稱和密碼。
Microsoft Data Access Components (MDAC) 2.7 (含) 以後版本。

如果使用的是 Microsoft Windows XP 或 Windows Server 2003，您就會已經有了 MDAC 2.7。不過，如果您使用的是 Microsoft Windows 2000，可能需要升級電腦中所安裝的 MDAC。如需詳細資訊，請參閱 MSDN Library 中的＜Microsoft Data Access Components (MDAC) Installation＞。

注意事項：
如果您需要如何登入執行 SQL Server 之電腦的相關資訊，請聯繫伺服器管理員。

建立網站和網頁

依照下列步驟建立新的網站。

若要建立檔案系統網站

開啟 Visual Web Developer。
在 [檔案] 功能表上按一下 [新增]，然後按一下 [網站]。如果您是使用 Visual Web Developer Express，請在 [檔案] 功能表中按一下 [新網站]。

[新網站] 對話方塊便會顯示。
請在 [Visual Studio 安裝的範本] 下方，選取 [ASP.NET 網站]。
在 [位置] 方塊中，選取 [檔案系統]，並輸入您想要用來保存網站頁面的資料夾名稱。

例如，輸入資料夾名稱 C:\WebSites\SimpleSort。
在 [語言] 清單中，按一下 [Visual Basic] 或 [Visual C#]。
按一下 [確定]。

Visual Web Developer 便會建立資料夾和名為 Default.aspx 的新網頁。

在 GridView 控制項中顯示資料

在本章節中，您會將 GridView 控制項加入至頁面，並將其設定為顯示 Northwind 資料庫之 Customers 資料表中的資料。

若要在 GridView 控制項中顯示資料

切換至 Default.aspx 檔案或開啟它。
切換至 [設計] 檢視。
在 [工具箱] 中，從 [資料] 群組將 [GridView] 控制項拖曳到頁面上。
在 [GridView 工作] 功能表中，按一下 [選擇資料來源] 下拉式清單中的 [<新增資料來源>]。

[資料來源組態精靈] 隨即出現。
按一下 [資料庫]。

這會指定您要從支援 SQL 陳述式的資料庫中取得資料，包括 SQL Server 和其他 OLE-DB 相容資料庫。
在 [指定資料來源的 ID] 方塊中，會顯示預設的資料來源控制項名稱 [SqlDataSource1]。您可以保留不改這個名稱。
按一下 [確定]。

[設定資料來源] 精靈便會顯示。
按一下 [新增連接]。

[加入連接] 對話方塊就會出現。
- 如果 [資料來源] 清單未顯示 [Microsoft SQL Server (SqlClient)]，請按一下 [變更]，然後在 [變更資料來源] 對話方塊中選取 [Microsoft SQL Server]。
- 如果出現 [選擇資料來源] 頁面，請在 [資料來源] 清單中選取您將使用的資料來源類型。在此逐步解說中，資料來源型別為 Microsoft SQL Server。在 [資料提供者] 清單中，按一下 [.NET Framework Data Provider for SQL Server]，然後按一下 [繼續]。
在 [伺服器名稱] 方塊中，輸入 SQL Server 電腦的名稱。
在 [登入伺服器] 區段中，選取適用於您的 SQL Server 組態之選項 (Windows 驗證或特定的 ID 和密碼)。
視需要輸入使用者名稱和密碼。
在 [選取或輸入資料庫名稱] 方塊中，選取 [Northwind]。
按一下 [測試連接] 按鈕以測試連接。當您確定連接已成功建立時，請按一下 [確定]。

您會返回至 [設定資料來源 - SqlDataSource1] 精靈，其中已填入連接資訊。
按 [下一步]。

精靈會顯示一個頁面，您可以在該頁面中選擇將連接字串儲存在組態檔中。在組態檔中儲存連接字串有兩個優點：
- 這麼做比將它儲存在頁面裡來得安全。
- 您可以在多個頁面中重複使用相同的連接字串。
確認選取了 [是，將這個連接儲存為] 核取方塊，然後按一下 [下一步] (您可以保留預設的連接字串名稱)。

此精靈會顯示一個頁面，您可以在其中指定要從資料庫擷取哪些資料。
在 [指定資料表或檢視的資料行] 底下，選取 [名稱] 下拉式清單中的 [Customers]。
選取 [資料行] 底下的 [CustomerID]、[CompanyName] 和 [City] 核取方塊。

精靈會在頁面底部的方塊中，顯示您正在建立的 SQL 陳述式。

注意事項：

精靈可讓您指定選取準則 (WHERE 子句) 和其他 SQL 查詢選項。在這個逐步解說中，您將建立不含選取或排序選項的簡單陳述式。
按 [下一步]。
按一下 [測試查詢]，確認您所擷取的資料是您所要的。
按一下 [完成]。

精靈會建立 SqlDataSource 控制項並將其加入至頁面。您先前所加入的 GridView 控制項會繫結至 SqlDataSource 控制項。如果您檢視 SqlDataSource 控制項的屬性，將會看到精靈已建立 ConnectionString 和 SelectQuery 屬性的值。
在 GridView 控制項上按一下滑鼠右鍵，接著按一下 [顯示智慧標籤]，然後在 [GridView 工作] 功能表中按一下 [啟用排序]。

GridView 控制項中的資料行標題會變更為連結。

注意事項：
精靈可讓您指定選取準則 (WHERE 子句) 和其他 SQL 查詢選項。在這個逐步解說中，您將建立不含選取或排序選項的簡單陳述式。

您現在可以測試網頁。

若要測試網頁

按 CTRL+F5 執行頁面。

[GridView] 控制項會顯示 [CustomerID]、[CompanyName] 和 [City] 資料行。
按一下某個資料行標題，即可依據該資料行的內容排序。
再按一下資料行，即可切換遞增和遞減排序次序。

後續步驟

也可以考慮啟用 GridView 控制項的多重資料行排序。如需詳細資訊，請參閱在 GridView Web 伺服器控制項中排序資料。

共用方式為