GridView控件绑定数据源范例教程 下载本文

内容发布更新时间 : 2024/5/20 2:23:23星期一 下面是文章的全部内容请认真阅读。

使用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控件属性设置及其用途

属 性 设 置 SqlDataSource1 ID 用 途 不为数据源中的每个字段自动创建绑定字段 GridView控件从SqlDataSource1控件中检索其数据项列表 显示在GridView控件中的项的主键字段的名称 属 性 名 称 DataSourceID DataKeyNames AutoGenerateColumns False (8)单击GridView控件右上方的“”按钮,在弹出的快捷菜单中选择“编辑列”选项,如图8所示。

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

图8 选择“编辑列”选项