演练:GridView Web 服务器控件的简单排序

更新:2007 年 11 月

可以使用 ASP.NET GridView 控件的内置排序功能,不需要任何编码就能向数据添加单列排序。

通过此演练,您将学会如何执行以下任务:

  • 启用 GridView 控件的内置排序功能。

系统必备

若要完成本演练,您需要:

  • Microsoft Visual Web Developer (Visual Studio)。

  • SQL Server Northwind 数据库的访问权限。有关下载和安装 SQL Server 示例数据库 Northwind 的信息,请参见位于 Microsoft SQL Server 网站上的“Installing Sample Databases”(安装示例数据库)

    sk096tye.alert_note(zh-cn,VS.90).gif说明:

    如果需要有关如何登录到运行 SQL Server 的计算机的信息,请联系服务器管理员。

  • 能够访问 Northwind 数据库的 SQL Server 帐户的用户名和密码。

  • Microsoft 数据访问组件 (MDAC) 2.7 版或更高版本。

    如果您使用的是 Microsoft Windows XP 或 Windows Server 2003,那么您已经有了 MDAC 2.7。但是,如果使用 Microsoft Windows 2000,您可能需要升级您计算机上已经安装的 MDAC。有关更多信息,请参见 MSDN Library 中的“Microsoft Data Access Components (MDAC) Installation”(Microsoft 数据访问组件 (MDAC) 安装)。

创建网站和网页

按照下面的步骤创建一个新的网站。

创建文件系统网站

  1. 打开 Visual Web Developer。

  2. 在**“文件”菜单上单击“新建”,然后单击“网站”。如果使用的是 Visual Web Developer 速成版,则在“文件”菜单上单击“新建网站”**。

    显示**“新建网站”**对话框。

  3. 在**“Visual Studio 已安装的模板”下选择“ASP.NET 网站”**。

  4. 在**“位置”框中选择“文件系统”**,然后输入要保存网站网页的文件夹的名称。

    例如,键入文件夹名“C:\WebSites\SimpleSort”。

  5. 在**“语言”列表中单击“Visual Basic”“Visual C#”**。

  6. 单击**“确定”**。

    Visual Web Developer 创建该文件夹和一个名为 Default.aspx 的新页。

在 GridView 控件中显示数据

在本节中,将向页面添加 GridView 控件并对其进行配置,以显示 Northwind 数据库的 Customers 表中的数据。

在 GridView 控件中显示数据

  1. 切换到或打开 Default.aspx 文件

  2. 切换到“设计”视图。

  3. 在**“工具箱”中,从“数据”组中将“GridView”**控件拖动到页面上。

  4. 在**“GridView 任务”菜单上的“选择数据源”下拉列表中,单击“<新建数据源>”**。

    出现**“数据源配置”**向导。

  5. 单击**“数据库”**。

    这指定要从支持 SQL 语句的数据库获得数据,包括 SQL Server 和其他 OLE-DB 兼容的数据库。

  6. 在**“为数据源指定 ID”框中,将显示默认的数据源控件名称“SqlDataSource1”**。可以保留此名称。

  7. 单击**“确定”**。

    此时将显示**“配置数据源”**向导。

  8. 单击**“新建连接”**。

    出现**“添加连接”**对话框。

    • 如果**“数据源”列表没有显示“Microsoft SQL Server (SqlClient)”,则单击“更改”,并在“更改数据源”对话框中选择“Microsoft SQL Server”**。

    • 如果出现**“选择数据源”页,则在“数据源”列表中选择将要使用的数据源类型。对于此演练,数据源类型为“Microsoft SQL Server”。在“数据提供程序”列表中单击“用于 SQL Server 的 .NET Framework 数据提供程序”,然后单击“继续”**。

  9. 在**“服务器名称”**框中,输入您的 SQL Server 计算机的名称。

  10. 在**“登录到服务器”**部分中,选择适合于您的 SQL Server 配置(Windows 身份验证或特定 ID 和密码)的选项。

  11. 如果需要,则输入用户名和密码。

  12. 在**“选择或输入数据库名称”框中选择“Northwind”**。

  13. 单击**“测试连接”按钮以测试连接。确定已成功连接后,单击“确定”**。

    返回到**“配置数据源 - SqlDataSource1”**向导,在此处填入连接信息。

  14. 单击**“下一步”**。

    该向导显示一页,从该页中您可以选择将连接字符串存储到配置文件中。将连接字符串存储在配置文件中有两个优点:

    • 比将它存储在页面中更安全。

    • 可以在多个页中重复使用同一连接字符串。

  15. 确保选中了**“是,将此连接另存为”复选框,然后单击“下一步”**。(可以保留默认的连接字符串名称。)

    该向导显示一页,从该页中您可以指定要从数据库中检索的数据。

  16. 在**“指定来自表和视图的列”下的“名称”下拉列表中,选择“Customers”**。

  17. 在**“列”下选中“CustomerID”“CompanyName”“City”**复选框。

    该向导显示在页面底部的框中创建的 SQL 语句。

    sk096tye.alert_note(zh-cn,VS.90).gif说明:

    该向导使您可以指定选择条件(WHERE 子句)和其他 SQL 查询选项。在本演练中,创建一个没有选择或排序选项的简单语句。

  18. 单击**“下一步”**。

  19. 单击**“测试查询”**以确保正在检索需要的数据。

  20. 单击**“完成”**。

    该向导创建 SqlDataSource 控件并将其添加到页面。以前添加的 GridView 控件绑定到 SqlDataSource 控件。如果查看 SqlDataSource 控件的属性,则会看到该向导已为 ConnectionStringSelectQuery 属性创建了值。

  21. 右击 GridView 控件,单击**“显示智能标记”,然后在“GridView 任务”菜单上单击“启用排序”**。

    GridView 控件中的列标题更改为链接。

现在可以测试页面。

测试页面

  1. 按 Ctrl+F5 运行该页。

    显示带有**“CustomerID”“CompanyName”“City”列的“GridView”**控件。

  2. 单击一个列标题按该列的内容排序。

  3. 再次单击列以在升序和降序排序顺序之间切换。

后续步骤

还可以考虑对 GridView 控件启用多列排序。有关更多信息,请参见 对 GridView Web 服务器控件中的数据进行排序

请参见

概念

对 GridView Web 服务器控件中的数据进行排序

参考

GridView Web 服务器控件概述