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

使用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控件中检索其数据项列表 DataKeyNames ID 显示在GridView控件中的项的主键字段的名称 （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 % !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head runat=server title无标题页/title /head body