使用GridView的模板列实现在线编辑的功能

使用GridView的模板列实现在线编辑的功能

主要问题是当点击编辑按钮后如何出现新的界面，以及产生对应的事件

1. 首先我们需要在GridView中添加模板列，这里仅仅添加三列，其中第一列是用于编辑（即实现点击编辑按钮后变为OK和Cancle按钮状态）

2. 不容置疑的，我们要对数据行进行绑定

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow && e.Row.RowIndex!=GridView1.EditIndex)

{

Button edit = e.Row.FindControl("btEdit") as Button;

edit.CommandArgument = e.Row.RowIndex.ToString();

}

}

3. 在对进行模板列进行编辑中，在相应的按钮下添加触发的事件

(1)

protected void btEdit_Click(object sender, EventArgs e)

{

Button rowbutton = sender as Button;

GridView1.EditIndex = Convert.ToInt32(rowbutton.CommandArgument);

BindDataa();

}

(2)

protected void btOK_Click(object sender, EventArgs e)

{

string key = GridView1.DataKeys[GridView1.EditIndex].Value.ToString();

GridView1.EditIndex = -1;//由编辑状态变为原始状态

BindDataa();

}

(3)

protected void btCancel_Click(object sender, EventArgs e)

{

GridView1.EditIndex = -1;

BindDataa();

}

最后我们实现的就是下图示的效果：

当点击Edit后：

这里仅仅是实现了初步的功能，可以在此基础上进行有效的拓展。

相应的Demo在我的资源里边。