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

创建网站和网页

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

创建文件系统网站

  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 语句。

    Note注意

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

  18. 单击“下一步”。

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

  20. 单击“完成”。

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

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

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

现在可以测试页面。

对页进行测试

  1. 按 Ctrl+F5 运行该页。

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

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

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

后续步骤

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

posted @ 2009-04-11 21:47  minmin8110  阅读(142)  评论(0)    收藏  举报