为了账号安全,请及时绑定邮箱和手机立即绑定

单击GridView进入编辑模式

标签:
JavaScript

一直以来,Insus.NET在实现GridView编辑时,均是在每笔记录第一列或是最后一列放置编辑铵钮,点击编辑铵钮之后,进行编辑模式。本博文是使用另外方式,即是点击GridView记录行任一位置,进入编辑模式。

先来看看GridView的Html样子:



DataKeyNames="Fruit_nbr"   --> 设置GridView主键,在更新时会用到。
OnRowDataBound="GridViewFruit_RowDataBound"  --> 这个事件,为GridView编辑模式下,为DropDownList绑定数据。
OnRowEditing="GridViewFruit_RowEditing"   --> 为GridView控件启用编辑事件。
OnRowUpdating="GridViewFruit_RowUpdating"   --> GridView控件更新事件
OnRowCancelingEdit="GridViewFruit_RowCancelingEdit"   --> 在GridView编辑模式下,返回正常模式。

 

按照传统方法,我们需要把下面的启用,但现在我们需要把它comment out或是删除,稍后我们可以为GridVeiw注册点击事件来替代它。

<ItemTemplate>   <asp:Button ID="ButtonEdit" runat="server" Text="Edit" CommandName="Edit" /></ItemTemplate>



现在,我们去.aspx.cs为GridView控件绑定数据以及写相关事件的代码, 先是数据绑定GridView控件。



在编辑模式中,某字段显示呈现DropDownList可供选择。


编辑事件:




在GridView控件的编辑模式,返回正常模式:


GridView控件的更新事件:



下面是注册单击事件,替代Edit铵钮事件:



Override Render方法,foreach所有GridViewRow,判断是否是DataRow行。
如果不是DataControlRowState.Edit的话,可以为记录行添加onclick事件。


演示:



点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消