GridView、DetailsView 显示控件增删改

使用GridView、DetailsView 服务器控件在网页上编辑和插入数据通过使用封装数据访问的数据源控件与以可编辑格式显示记录的DetailsView 和GridView 控件的组合，可以创建一个允许用户编辑现有记录或插入新记录的数据输入页，所有操作均无需代码。

1、创建网站和网页

创建解决方案文件夹和一个名为Default.aspx 的新页。

2、配置SqlDataSource连接到SQL Server

拖一SqlDataSource控件至页面中，然后，并单击“显示智能标记”。出现“数据源配置向导”对话框。

在“选择数据源类型”下单击“数据库”。

保留默认名称“SqlDataSource1”，然后单击“确定”。

“配置数据源”向导显示“选择连接”页。

在“应用程序连接数据库应使用哪个数据连接？”框中输入在“创建与SQL Server 的连接”中创建的连接，然后单击“下一步”。

该向导显示一页，从该页中您可以选择将连接字符串存储到配置文件中。将连接字符串存储在配置文件中有两个优点：

(1)比将它存储在页面中更安全。

(2)可以在多个页面中使用相同的连接字符串。

选择“是，将此连接另存为”复选框，然后单击“下一步”。

该向导显示一页，从该页中您可以指定要从数据库中检索的数据。

在“配置Select 语句”页上选择“指定来自表或视图的列”，然后在“名称”框中单击“雇员”。

在“列”下，选中“EmployeeID”、“Lastname”、“Firstname”和“HireDate”复选框，然后

在“配置Select 语句”页上单击“高级”，选中“生成INSERT、UPDATE 和DELETE 语句”复选框，然后单击“确定”。

注意

可以通过选择“指定自定义SQL 语句或存储过程”并输入SQL 查询来手动创建语句。

您可以选择SqlDataSource 控件并查看DeleteQuery、InsertQuery 和UpdateQuery 属性，以便检查由向导生成的语句。还可以切换至“源”视图并检查控件的标记，以便查看已更新的控件属性。

单击“下一步”。

单击“测试查询”以预览数据，然后单击“完成”

3、创建数据输入页

1）创建数据输入页并配置DetailsView 控件

在工具箱中，从“数据”组中将“DetailsView”控件拖动到页面上。

右击“DetailsView”控件，单击“属性”，然后将“AllowPaging”设置为true。

这将允许您在显示各个雇员项时进行分页。

配置数据源控件

右击“DetailsView”控件，并单击“显示智能标记”。

在“DetailsView 任务”菜单的“选择数据源”框中单击“SqlDataSource1”.。

使用DetailsView 控件以允许进行删除、插入和更新

右击“DetailsView”控件，然后单击“显示智能标记”。

在“DetailsView 任务”菜单上，选中“启用插入”、“启用编辑”和“启动删除”复选框。

注意

在Employees 表中插入新记录不会生成任何错误。但处理产品数据时，表格可能有约束（如外键约束），配置DetailsView 控件时必须注意这一点。

在“DetailsView”控件中使用分页，定位到最后一条记录，然后单击“删除”。

新记录被移除。

注意

和插入数据相同，配置DetailsView 控件以允许删除时必须始终注意任何应用到数据行的约束。

2）在“工具箱”中，从“数据”组中将“GridView”控件拖动到页面上。

右击“GridView”控件，单击“显示智能标记”，然后在“GridView 任务”菜单的“选择数据源”框中，单击“SqlDataSource1”。

现在已使用其他SQL 语句配置SqlDataSource 控件。

在“GridView 任务”菜单上，选中“启用分页”和“启用编辑”复选框。

安全注意

网页中的用户输入可能包括潜在有害的客户端脚本。默认情况下， 网页验证用户输入，以便确定输入不包括脚本或HTML 元素。只要启用此验证，就不需要显式检查用户输入中的脚本或HTML 元素。

3）实现联动：