Asp.net编程，在GridView的CommandField的编辑按钮中使用DropDownList选择数据

Posted 2021-12-06 llb1246489954

我们在前一篇Form登录验证的代码基础上进行开发，GridView控件加在Main.aspx页面，

即在Main.aspx页面实现查询、编辑、删除，这里使用的数据库为sql server

一、首先需要两张数据表，表结构如下图

商品信息表Food_Infor

商品类别表Food_Type

 

两张表的ID都是自增的，Food_Infor表的主键为FoodCode，Food_Type表的主键为FoodType，

看图可发现，Food_Infor表的FoodType字段值使用的是Food_Type表的主键值，存在外键关系。

测试数据如下图

我们进行查询并编辑、删除的表即商品信息表Food_Infor

二、由于要进行数据库的查询、更新等操作，因此，我们在Form登录验证的代码基础上增加DBHelper数据库操作类，类代码如下

在Web.config配置文件在增加数据库连接字符串，如下图

三、到此，我们就可以在Main.aspx页面进行表的查询、编辑、删除操作了，接下来我们在Main.aspx设计查询页面，如下图

Main.aspx页面的源码如下

从页面源码可以看出，CommandField设置了显示删除按钮和编辑按钮。要使这两个按钮能够使用起来，我们还需对GridView即GVFood增加4个事件，

我们在GVFood的属性页的事件栏中可以看见，如下图，分别是：

取消按钮事件RowCancelingEdit、删除按钮事件RowDeleting、编辑按钮事件RowEditing、更新按钮事件RowUpdating，分别双击增加

事件增加完毕，如下图

在后台cs文件中，可以看见对应的事件都没有任何代码，如下图，我们需要加上对应的代码

四、对应事件的代码

1、首先，我们需要操作数据，那必须显示数据，因此，我们先要完成查询按钮，把数据显示出来

在Main.aspx设计页面，双击查询按钮，增加查询事件，

我们在查询事件中增加如下代码

 

点击运行，登录进入Main.aspx后，单击查询按钮即可查看数据，如下图

2、我们还未加入编辑和删除的代码，此时点击编辑和删除会报错，接下来我们加入对应事件的代码

编辑按钮事件RowEditing：

取消按钮事件RowCancelingEdit

删除按钮事件RowDeleting

在做更新按钮事件RowUpdating之前，我们来看看编辑、删除按钮的运行结果

删除按钮运行结果：009被删除

编辑按钮运行结果：

3、商品编号为主键，不可修改，因此，需要对GVFood进行修改，使商品编号列不能编辑，

因商品类别表是基础表，不能在修改商品信息表时修改类别编号，因此，类别编号列也不能在此修改，操作步骤如下

asp页面源码已改变

再次修改商品类别编号列为不可编辑即可

 

再次运行，主页面的商品编号列和类别编号列已不可编辑

 

4，我们发现，在页面修改商品名称、商品价格、商品备注都不是问题，

唯一问题是，类别名称来源与Food_Type表，如果不绑定成下拉列表DropDownList方式，修改很不方便，

因此，我们需要在类别名称列绑定类别表的数据

第一步，修改GVFood的类别名称列，把类别名称列转换为EditItemTemplate列，操作步骤如图

查看页面的源码，类别名称列已发生变化

第二步，在页面源码中，将类别名称列做如下修改

第三步，修改GVFood属性，切换到事件页，双击RowDataBound增加 GVFood_RowDataBound事件

第四步，我们在新增的事件GVFood_RowDataBound中增加如下代码

 

到此，我们运行就可用查看下拉列表绑定的效果

5、最后，我们就差更新事件GVFood_RowUpdating的代码了，代码如下

最终，更新按钮的运行结果如下：

关键知识点总结：

1、使用CommandField实现GridView编辑和删除操作

2、在Asp页面源码中，使用HiddenField隐藏控件和DropDownList下拉列表控件，HiddenField绑定value值，

<asp:TemplateField HeaderText="类别名称">
<EditItemTemplate>
<asp:HiddenField ID="HDFFoodType" runat="server" Value=‘<%# Bind("FoodType") %>‘ />
<asp:DropDownList ID="DDLFoodName" runat="server" Width="90px" />
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text=‘<%# Bind("TypeName") %>‘></asp:Label>
</ItemTemplate>
</asp:TemplateField>

3、在 GVFood行绑定数据操作GVFood_RowDataBound中，显示原始值，

//取隐藏控件的值，还原编辑前，该行的类别名称，无此句，类别名称会是已绑定的下拉列表的第一个值
ddltypename.SelectedValue =((HiddenField)e.Row.FindControl("HDFFoodType")).Value;

4、在更新方法GVFood_RowUpdating中，通过如下语句取值

//商品类别
string strFoodType = ((DropDownList)GVFood.Rows[e.RowIndex].FindControl("DDLFoodName")).SelectedValue;

文章较长，写了近4个小时，如有不足之处，请指正，谢谢！