Asp.net的GridView控件实现单元格可编辑方便用户使用

最近做一个功能，考虑到用户使用方便，减少弹出页面，采用点“编辑”按钮无需弹出页面直接当前行的单元格内容就能编辑。进入页面显示如下图：
 
点“编辑”按钮后显示如下图：
 
编号为1的“星期”和“是否上班”均可编辑，编辑完成后，点“更新”保存。
第一张图中的数据加载是通过下述方法实现：
protectedvoid GridView_RowDataBound(object sender, GridViewRowEventArgs e)
{……}
第二张图中的修改数据是通过下述方法实现：
protectedvoidGridView_Pue_RowUpdating(object sender, GridViewUpdateEventArgs e)
{……}
本以为就这样变可以搞定，谁知道点更新按钮出现“激发未处理的事件RowEditing”错误：
 
给GridView添加了
protectedvoidGridView_RowEditing(object sender, GridViewEditEventArgs e)
{……}
解决该问题，但是每次需要点两次“编辑”按钮才会出现图2所示的界面，通过调试发现点第一次“编辑”按钮的时候是跳入到GridView_RowEditing方法中，在该方法中加入代码：
GridView.EditIndex= e.NewEditIndex;
BindGrid();
解决该问题

赞 (0)

相关推荐

  • ASP.NET MVC4入门教程（六）：验证编辑方法和编辑视图

    ASP.NET MVC4入门教程（六）：验证编辑方法和编辑视图

    在本节中,您将开始修改为电影控制器所新加的操作方法和视图.然后,您将添加一个自定义的搜索页. 在浏览器地址栏里追加/Movies, 浏览到Movies页面.并进入编辑(Edit)页面. Edit(编辑)链接是由Views\Movies\Index.cshtml视图中的Html.ActionLink方法所生成的: @Html.ActionLink("Edit", "Edit", new { id=item.ID }) Html对象是一个Helper, 以属性的形式,

  • asp.net下gridview 批量删除的实现方法第1/3页

    asp.net下gridview 批量删除的实现方法第1/3页

    要实现的效果很简单,看下图片: 功能:选中CheckBox,后从数据库中删除选中项.文章侧重将如何实现批量删除,对于如何链接数据库和绑定数据不做详细解释. 1 我们先要在GridView中添加一列为CheckBox.代码如下: 复制代码 代码如下: <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">  <Columns>     

  • 在ASP.NET 2.0中操作数据之二十二：为删除数据添加客户端确认

    在ASP.NET 2.0中操作数据之二十二：为删除数据添加客户端确认

    导言 在前面一些教程中,我们已经看到如何使用应用程序框架,ObjectDataSource,以及那些提供增.改.删功能的数据Web控件.在我们已经实现的删除数据的界面中,包含一个删除按钮,当点击它的时候,会导致数据回传以及调用ObjectDataSource的Delete()方法.然后Delete()方法会调用对应业务逻辑层中的方法,再进入数据访问层,直至调用最终操作数据库的DELETE语句. 虽然这个界面已经能够让用户通过GridView,DetailsView,或者FormView控件来删除

  • 在ASP.NET 2.0中操作数据之十九：给编辑和新增界面增加验证控件

    在ASP.NET 2.0中操作数据之十九：给编辑和新增界面增加验证控件

    导言 在前面三节的示例中,GridView和DetailsView控件使用的是绑定列和CheckBoxField(绑定GridView和DetailsView时,通过智能标记可以令VS根据数据库自动增加对应的类型).当编辑GridView或者DetailsView中的一行时,非只读属性的绑定列将自动转为textbox,以便用户修改现有的数据.同样地,当在DetailsView控件中新增记录时,InsertVisible属性为true(默认值)的绑定列会呈现出空的textbox,以接受用户输入.C

  • 在ASP.NET 2.0中操作数据之十七：研究插入、更新和删除的关联事件

    在ASP.NET 2.0中操作数据之十七：研究插入、更新和删除的关联事件

    导言 当使用GridView.DetailsView或FormView控件的内建插入.编辑或删除特征时,在用户添加一条新记录或更新/删除一条现在记录的过程中发生了多个步骤.正如我们之前一节里所讨论的,在GridView中编辑一行时,保存(Update)和取消(Cancel)按钮将取代编辑(Edit)按钮,并且绑定列转换成TextBox.在用户更新了数据并点击保存按钮之后,下述步骤在回传时执行: 1.该GridView控件根据当前编辑行的唯一标识字段(通过DataKeyNames属性)组装它的Ob

  • 在ASP.NET 2.0中操作数据之十六：概述插入、更新和删除数据

    在ASP.NET 2.0中操作数据之十六：概述插入、更新和删除数据

    导言 结束前面的几节,我们已经探讨过了如何使用GridView.DetailsView和FormView控件来显示数据.这些控件简单地操作提供给它的数据.一般地,这些控件通过使用一个数据源控件,例如ObjectDataSource来存取数据.我们已经看过了ObjectDataSource是如何在ASP.NET页面和潜在的数据之间扮演一个代理的角色.当一个GridView需要显示数据时,它调用ObjectDataSource的Select()方法,这个方法转而调用一个来自我们的业务逻辑层(BLL)

  • asp.net 编辑gridview的小例子

    编辑gridview例子,完整代码如下. 复制代码 代码如下: protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)     {         GridView1.EditIndex = e.NewEditIndex;         BingGrid();     }     protected void GridView1_RowCancelingEdit(object sender, Gri

  • 在ASP.NET 2.0中操作数据之三十六：在DataList里编辑和删除数据概述

    在ASP.NET 2.0中操作数据之三十六：在DataList里编辑和删除数据概述

    导言 概述插入.更新和删除数据 里我们已经学习了如何使用GridView等控件来插入,更新删除数据.通过ObjectDataSource和其它数据控件仅仅只需要在智能标签里勾一下checkbox就完成了,不需要写任何代码.而DataList没有这些内置的功能.我们可以使用1.x 里的方法来实现这些功能.在本章我们将看到,DataList提供了一些事件和属性来完成我们的目的,为此我们需要写一些代码. 本章我们首先学习如何创建一个支持编辑和删除数据的DataList.后面的教程里我们将学习一些高级的

  • Asp.Net+XML操作基类(修改,删除,新增,创建)第1/2页

    /**********************************************************************************  *   * 功能说明:XML处理基类  * 作者: 刘功勋;  * 版本:V0.1(C#2.0);时间:2006-12-13  *   * *******************************************************************************/ using System;

  • asp.net中gridview的查询、分页、编辑更新、删除的实例代码

    asp.net中gridview的查询、分页、编辑更新、删除的实例代码

    1.A,运行效果图 1.B,源代码/App_Data/sql-basic.sql 复制代码 代码如下: use mastergoif exists(select * from sysdatabases where name='db1')begin    drop database db1endgocreate database db1gouse db1go-- ================================-- ylb:1,类别表-- =====================

  • asp.net GridView 删除时弹出确认对话框(包括内容提示)

    asp.net GridView 删除时弹出确认对话框(包括内容提示)

    效果图: html代码 复制代码 代码如下: <table align="center" bgcolor="#c0de98" border="0" cellpadding="0" cellspacing="1" width="99%"> <tr> <th colspan="2"> GridView演示</th> <

随机推荐