用GridView编辑更新独立的单元格

翻译出处： http://www.codeproject.com/KB/webforms/EditGridviewCells.aspx

源代码下载

介绍

在asp.net 中，GridView允许你通过EditIndex属性来修改数据的一行，同样也必须进行整行更新。

你可能不想对整行进行更新，并且常规更新是利用EditItemTemplate，在它内部放上编辑状态所要显示的控件；而事实上，你可能只对其中一个单元格感兴趣，比如用上DropDownList来进行单元格筛选，而常规必须整行成编辑状态，那怎样才能直接只让一个独立的单元格成编辑状态呢？那就是本篇文章所要做的事情。

编辑独立的单元格

本篇提供的源代码中，GridView的第一列是CommandName为SingleClick的asp:ButtonField的控件，并且它的Visible置false.

这控件是为了点击 GridView 的某个单元格而触发点击事件：

< Columns >
< asp:ButtonFieldText = " SingleClick " CommandName = " SingleClick " Visible = " False " />
<!--</span-->Columns>

而在其他的列中，利用ItemTemplate，在其中都有一个可见的Label控件，和不可见的TextBox或者DropdownList控件。

为了方便起见，我将叫这个 Label 为“非编辑状态控件”和 TextBox 或者 DropdownList 的“编辑状态控件”。

< asp:TemplateFieldHeaderText = " Task " >
< ItemTemplate >

< asp:LabelID = " DescriptionLabel " runat = " server "
Text = ' <%#Eval("Description")%> ' ><!--</span-->asp:Label>
<asp:TextBoxID="Description"runat="server"
Text='<%#Eval("Description")%>'Width="175px"
visible="false"><!--</span-->asp:TextBox>
<!--</span-->ItemTemplate>
<!--</span-->asp:TemplateField>

想法是这样的，刚开始GridView处于显示状态(也就是“非编辑状态”)，当某一个单元格被点击的时候，它把Label控件置不可见而编辑控件TextBox或者DropdownList置肯见，而EditItemTemplate不需要用到。

在GridView的RowDataBound的事件内对每一行中的每个单元格进行遍历，让其拥有点击触发事件的能力。

给每个单元的列索引定义上一些属性参数，如 onclick ， style 等等。

protected void GridView1_RowDataBound( object sender,GridViewRowEventArgse)
{
if(e.Row.RowType==DataControlRowType.DataRow)
{
//得到第一个单元格的LinkButton控件
LinkButton_singleClickButton=(LinkButton)e.Row.Cells[0].Controls[0];
//得到客户端javascript能够引起LinkButton回发事件的脚本
string_jsSingle=ClientScript.GetPostBackClientHyperlink(
_singleClickButton,"");

//添加事件到每个可编辑的单元格
for(intcolumnIndex=_firstEditCellIndex;columnIndex<
e.Row.Cells.Count;columnIndex++)
{
//插入列索引参数
stringjs=_jsSingle.Insert(_jsSingle.Length-2,
columnIndex.ToString());
//给单元格添加javscript的onclick属性
e.Row.Cells[columnIndex].Attributes["onclick"]=js;
//给单元格添加鼠标样式
e.Row.Cells[columnIndex].Attributes["style"]+=
"cursor:pointer;cursor:hand;";
}
}
}

在 GridView 的 RowCommand 事件，命令参数和事件参数被重新检索，它带给我们选择某一单元格所在的行索引和列索引。

int _rowIndex = int .Parse(e.CommandArgument.ToString());
int _columnIndex = int .Parse(Request.Form[ " __EVENTARGUMENT " ]);

当所选单元格的行索引和列索引已知的情况下，单元格能够很轻松地对编辑状态进行控件的可见转换。

被选中的单元格也必须移除点击的事件。

// 得到选中单元格的显示控件使它不可见
Control_displayControl =
_gridView.Rows[_rowIndex].Cells[_columnIndex].Controls[ 1 ];
_displayControl.Visible = false ;
// 得到选中单元格的编辑控件是它可见
Control_editControl =
_gridView.Rows[_rowIndex].Cells[_columnIndex].Controls[ 3 ];
_editControl.Visible = true ;
// 移除选中单元格的点击属性
_gridView.Rows[_rowIndex].Cells[_columnIndex].Attributes.Clear();

还有一些代码是在事件回发之后在编辑控件上置焦点。如果编辑控件是一个 DropDownList 那么它的 SelectedValue 属性被置上显示控件的值，如果编辑控件是一个 TextBox 那么它的文本被选上将准备进行编辑。

// 在选中的编辑控件上置焦点
ClientScript.RegisterStartupScript(GetType(), " SetFocus " ,
" <script></script>document.getElementById(
' "+_editControl.ClientID+" ' ).focus(); <!--</span-->script>");
//如果编辑控件是dropdownlist置selectedValue为显示控件的值
if(_editControlisDropDownList&&_displayControlisLabel)
{
((DropDownList)_editControl).SelectedValue=(
(Label)_displayControl).Text;
}
//如果编辑控件是TextBox文本选上准备进行编辑
if(_editControlisTextBox)
{
((TextBox)_editControl).Attributes.Add("onfocus","this.select()");
}

在这个例子中，GridView的RowUpdating先检查每个单元格，看是否处于编辑模式下。如果处于编辑模式的单元格被找到，那么数据更新将被执行。

在第一个例子中，一些样本数据绑定到一个 DataTable 中存储在 Session 里

// 遍历GridView的列索引查找处于编辑模式下的单元格
for ( int i = 1 ;i < _gridView.Columns.Count;i ++ )
{
//Gettheeditingcontrolforthecell
Control_editControl=_gridView.Rows[e.RowIndex].Cells[i].Controls[3];
if(_editControl.Visible)
{
//更新数据
}
}

为了确保 RowUpdating 在 GridView 在未选中行状态下也能够被调用，例如我在编辑模式下编辑文本框点击了“ Enter ”键，页面整页回发，这样确保任何数据的改变被保存。

if ( this .GridView1.SelectedIndex > - 1 )
{
this.GridView1.UpdateRow(this.GridView1.SelectedIndex,false);
}

注册回发或回调数据以进行验证

创建在RowDataBound的自定义事件必须在页面中被注册。

ClientScriptManager.RegisterForEventValuedation 通过重载 Render 方法来调用。
protected override void Render(HtmlTextWriterwriter)
{
foreach(GridViewRowrinGridView1.Rows)
{
if(r.RowType==DataControlRowType.DataRow)
{
for(intcolumnIndex=_firstEditCellIndex;columnIndex<
r.Cells.Count;columnIndex++)
{
Page.ClientScript.RegisterForEventValidation(
r.UniqueID+"$ctl00",columnIndex.ToString());
}
}
}

base.Render(writer);
}