栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

单击GridView进入编辑模式

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

单击GridView进入编辑模式

一直以来,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注册点击事件来替代它。

   



现在,我们去.aspx.cs为GridView控件绑定数据以及写相关事件的代码, 先是数据绑定GridView控件。在编辑模式中,某字段显示呈现DropDownList可供选择。


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


GridView控件的更新事件:下面是注册单击事件,替代Edit铵钮事件:Override Render方法,foreach所有GridViewRow,判断是否是DataRow行。
如果不是DataControlRowState.Edit的话,可以为记录行添加onclick事件。


演示:

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246999.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号