介绍

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

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

编辑独立的单元格

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

的某个单元格而触发点击事件：

<Columns>
    <asp:ButtonField Text="SingleClick" CommandName="SingleClick" Visible="False" />
Columns>

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

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

<asp:TemplateField HeaderText="Task">
    <ItemTemplate>

        <asp:Label ID="DescriptionLabel" runat="server" 
            Text='<%# Eval("Description") %>'>asp:Label>
        <asp:TextBox ID="Description" runat="server" 
            Text='<%# Eval("Description") %>' Width="175px" 
            visible="false">asp:TextBox>
    ItemTemplate>
asp:TemplateField>

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

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

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

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

        // 添加事件到每个可编辑的单元格
        for (int columnIndex = _firstEditCellIndex; columnIndex < 
            e.Row.Cells.Count; columnIndex++)
        {
            // 插入列索引参数
            string js = _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();

// 在选中的编辑控件上置焦点
ClientScript.RegisterStartupScript(GetType(), "SetFocus",
    "