GridView自定义编辑删除按钮

《GridView自定义编辑删除按钮》由会员分享，可在线阅读，更多相关《GridView自定义编辑删除按钮（7页珍藏版）》请在装配图网上搜索。

1、用了 3 个图片， 下面就是这是设计页面的代码，我简化了一下，关键是最后的一个模板列， 怎么处理 3 个图片的关系。编辑图片首先是能看见的，其它两个的 Visible= false ；view plaincopy to clipboardprint?runat=server01.06.07.08.09.10.11. asp:Label ID=lbID runat=server Text=/ 12.13.14.15. 16.Eval(NewsTitle) % /17.asp:TextBox ID=tbNewsTitle runat=server Text=%#18.19.20.asp:Label

2、 ID=lbNewsTitle runat=server Text=/21.22.23.24.25.26.27.asp:TextBox ID=tbNewsContent runat=server Text= /28.29.30.31.asp:Label ID=lbNewsContent runat=server Text=/32. 33.34.35.36.37.38. / 39.40.41.42.43.44.45.46.47.asp:ImageButton ID=ibEdit编辑AlternateText=runat=server Text=%#runat=server Text=48. 49

3、. 50. 51. 52.53.54. asp:Label ID=lbID runat=server Text=/ asp:TextBox ID=tbNewsTitle runat=server Text= /asp:Label ID=lbNewsTitle runat=server Text=/asp:TextBox ID=tbNewsContent runat=server Text= /asp:Label ID=lbNewsContent runat=server Text=/asp:TextBox ID=tbPublishTime runat=server Text= / asp:La

4、bel ID=lbPublishTime runat=server Text=首先，定义两个全局变量int editRow = -1;bool isEdit = false ；用来控制和存储是要修改编辑哪一行，然后在 cs 代码中添加 GridView1_RowCommand 事件，在里面分别写上 3 个图片按钮的处理 方法view plaincopy to clipboardprint?01.protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)02.03. if (e.CommandNam

5、e = ibEdit)04. 05. GridViewRow drv = (GridViewRow)(ImageButton)(e.CommandSource).Parent.Parent); /此得出的值是表示那行 被选中的索引值06. GridView gv = (GridView)(ImageButton)(e.CommandSource).Parent.Parent.Parent.Parent);07.gv.EditIndex = drv.RowIndex;08.isEdit =true;09.TestCon();10.11. 12. if (e.CommandName = ibCan

6、cel)13. 14. GridView gv (GridView)(ImageButton)(e.CommandSource).Parent.Parent.Parent.Parent);15. gv.EditIndex = -1;16. editRow = -1;17. isEdit =false;18.19. TestCon();20. 21. if (e.CommandName = ibOk)22. GridViewRowdrv23.(GridViewRow)(ImageButton)(e.CommandSource).Parent.Parent);24. string tb1 = (T

7、extBox)drv.FindControl(tbPublishTime).Text;25. Response.Write(alert(TextBox 的文字为： + tb1 + );26. 测试作用，这里可以改成 SQL 更新语句。27.28. gv.EditIndex = -1;29. editRow = -1;30. isEdit =false;31.32.TestCon();33.34. protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) if (e.CommandName = i

8、bEdit)GridViewRow drv(GridViewRow)(ImageButton)(e.CommandSource).Parent.Parent); /此得出的值是表示那行 被选中的索引值GridView gv (GridView)(ImageButton)(e.CommandSource).Parent.Parent.Parent.Parent);gv.EditIndex = drv.RowIndex;isEdit =true;TestCon();if (e.CommandName = ibCancel)GridView gv (GridView)(ImageButton)(e.

9、CommandSource).Parent.Parent.Parent.Parent);gv.EditIndex = -1;editRow = -1;isEdit =false;TestCon();if (e.CommandName = ibOk)GridViewRow drv (GridViewRow)(ImageButton)(e.CommandSource).Parent.Parent);string tb1 = (TextBox)drv.FindControl(tbPublishTime).Text;Response.Write(alert(TextBox 的文字为： + tb1 +

10、);/ 测试作用，这里可以改成 SQL 更新语句。01. 02. 03. 04.05.06.07.08.09.10.11.12.13.14.isEdit = gv.EditIndex = -1; editRow = -1; isEdit =false;TestCon();然后在 GridView1_RowDataBound 中添加代码view plaincopy to clipboardprint?protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) if (isEdit)if (e.Row.R

11、owIndex = editRow)(ImageButton)e.Row.FindControl(ibEdit).Visible = false;(ImageButton)e.Row.FindControl(ibOk).Visible = true; (ImageButton)e.Row.FindControl(ibCancel).Visible = true;/ isEdit = ;protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) if (isEdit)if (e.Row.RowIndex = editRow)(ImageButton)e.Row.FindControl(ibEdit).Visible = false;(ImageButton)e.Row.FindControl(ibOk).Visible = true;(ImageButton)e.Row.FindControl(ibCancel).Visible = true;/ 这样就成功的添加了自定义的编辑和删除按钮，并且可以支持各种事件，截图如下：本 文 来 自 CSDN 博 客 ， 转 载 请 标 明 出 处