码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-05-26 09:34:21      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:cte   web   ext   第一个   数据表   http   登录   bind   下拉   

我们在前一篇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个小时,如有不足之处,请指正,谢谢!

 

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

标签:cte   web   ext   第一个   数据表   http   登录   bind   下拉   

原文地址:https://www.cnblogs.com/llb1246489954/p/10924905.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!