Microsoft Expression Web - Gridview


GridView 控件用于在表中显示数据源的值。每列代表一个字段,每行代表一条记录。在本章中,我们将学习一个非常简单的过程,在 GridView 的网页上显示数据库中的数据。

步骤 1 - 让我们在 SQLDataSource 项目中创建一个新的 ASPX 页面并将其命名为gridview.aspx

网格视图

步骤 2 - 在工具箱中,您将看到 ASP.NET 控件。将 GridView 控件拖放到表单部分上。

ASP.NET 控件

您可以看到 GridView 上下文菜单已打开。现在从选择数据源下拉列表中选择<新数据源...> 。它将显示数据源配置向导。

步骤 3 - 选择数据库,因为我们将从 SQL 数据库获取数据并指定数据源 ID。单击“确定”。

数据源ID

步骤 4 - 选择我们在 SQL 数据源章节中创建的现有连接字符串,因为我们将在本章中使用相同的数据库。点击下一步。

现有连接字符串

步骤 5 - 为了便于理解,让我们选择学生表并单击 *复选框,这将从学生表中检索所有列。点击下一步。

选择学生表

步骤 6 - 在下面的向导中,您可以测试查询,因此让我们单击“测试查询”按钮。

测试查询按钮

单击“下一步”后,它将显示以下屏幕 -

点击下一步

gridview.aspx的设计视图如下所示 -

网格视图.aspx

步骤 7 - 让我们在浏览器中预览网页。它将显示如下 -

出现

这是一个简单的表格,没有任何格式。

步骤 8 - 您可以从GridView 上下文菜单格式化 GridView 。

网格视图上下文

单击自动格式...链接。在“自动套用格式”对话框中,有许多预定义的方案。根据您的要求选择一个方案,然后单击“确定”。

自动格式化

让我们再次在浏览器中预览网页。它看起来像下面的屏幕截图。

截屏