GridView控件绑定数据源范例教程

使用GridView控件绑定数据源

下面示例先利用SqlDataSource控件配置数据源，并连接数据库，然后，使用GridView 控件绑定该数据源。

程序实现的主要步骤如下。

（1）新建一个网站，默认主页为Default.aspx。添加1个GridView控件和1个SqlDataSource控件。

（2）配置SqlDataSource控件：首先，单击SqlDataSource控件的任务框，选择“配置数据源选项”，如图1所示。打开用于配置数据源的向导，如图2所示。

图1 SqlDataSource控件的任务框

图2 配置数据源向导

（3）接下来，选择数据连接：单击“新建连接”按钮，打开添加连接对话框。输入服务器名，这里为“localhost”；选择“SQL Server身份验证”单选按钮，设置用户名为“sa”，密码为空；输入要连接的数据库名称，本示例使用的数据库为mr_08，如图3所示。如果配置信息填写正确，单击“测试连接”按钮，将弹出“测试连接成功”对话框，如图4所示。单击添加连接对话框中的“确定”按钮，返回到配置数据源向导中。

（4）单击“下一步”按钮，跳转到保存连接字符串页面，如图5所示。

（5）单击“下一步”按钮，配置Select语句，选择要查询的表以及所要查询的列，如图6所示。

（6）最后，单击“下一步”按钮，测试查询结果。单击“测试查询”，将查询结果显示在窗口中，如图7所示。单击“完成”按钮，完成数据源配置及连接数据库。

图3 添加连接

图4 测试连接成功

图5 保存连接字符串

图6 配置Select语句

图7 配置Select语句

（7）将获取的数据源绑定到GridView控件上。GridView的属性设置如表1所示。

表1 GridView控件属性设置及其用途

属性名称属性设置用

AutoGenerateColumns False 不为数据源中的每个字段自动创建绑定字段DataSourceID SqlDataSource1 GridView控件从SqlDataSource1

（8）单击GridView控件右上方的“”按钮，在弹出的快捷菜单中选择“编辑列”选项，如图8所示。

（9）将每个“BoundField”控件绑定字段的HeaderText属性设置为该列头标题名，把DataFiield属性设置为字段名。如图9所示的“字段”对话框。

图8 选择“编辑列”选项

图9 “字段”对话框

执行程序，示例运行结果如图10所示。

图10 使用GridView控件绑定数据源

程序完整代码如下：

★★★★★Default.aspx.cs代码文件★★★★★

using System;

using System.Data;

using System.Configuration;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

}

★★★★★Default.aspx设计文件★★★★★

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None">

ForeColor="#333333" />

HorizontalAlign="Center" />

ConnectionString="<%$ ConnectionStrings:mr_08ConnectionString %>"

SelectCommand="SELECT [ID], [Name], [Sex], [Like] FROM [StudentInfo]">