GridView添加自定义控件

GridView添加自定义控件

一、首先在页面前台设置一个GridView：

[html] view plaincopy

1.  <div>  
2.     <asp:GridView ID="GridView1" runat="server">  
3.         <Columns>  
4.             <asp:TemplateField HeaderText="操作">  
5.                 <ItemTemplate>  
6.                     <table>  
7.                         <td align="center">  
8.                             <asp:Button ID="Edit" runat="server" Text="编辑" Visible="true" OnClick="Edit_Click"  
9.                                 CommandArgument="<%# Container.DataItemIndex %>" />  
10.                             <asp:Button ID="Cancel" runat="server" Text="取消" Visible="false" OnClick="Cancel_Click" />  
11.                         </td>  
12.                     </table>  
13.                 </ItemTemplate>  
14.             </asp:TemplateField>  
15.         </Columns>  
16.     </asp:GridView>  
17. </div>  

这里注意，我通过给按钮Edit的CommandArgument属性设置一个DataItemIndex值，这个值就是默认行的索引值。通过这个参数可以获取GridView的行号。

然后我在首页加载的时候绑定数据源。

[csharp] view plaincopy

1. protected void Page_Load(object sender, EventArgs e)  
2. {  
3.     if (!Page.IsPostBack)  
4.     {  
5.         DataTable dt = new DataTable();  
6.         dt.Columns.Add("id", typeof(int));  
7.         dt.Columns.Add("name", typeof(string));  
8.   
9.         dt.Rows.Add(10001, "guwei40371");  
10.         dt.Rows.Add(10002, "guwei40372");  
11.   
12.         this.GridView1.DataSource = dt.DefaultView;  
13.         this.GridView1.DataBind();  
14.     }  
15. }  

这里很简单，就是绑定了两列，给GridView绑定上。

二、接下来两个按钮事件：

[csharp] view plaincopy

1. protected void Edit_Click(object sender, EventArgs e)  
2. {  
3.     int index = Convert.ToInt32((sender as Button).CommandArgument);//获取到行号  
4.     Button button = this.GridView1.Rows[index].FindControl("Cancel") as Button;//找到当前行的Cancel按钮  
5.     button.Visible = true;//设置按钮的Visible为true  
6. }  
7.   
8. protected void Cancel_Click(object sender, EventArgs e)  
9. {  
10.     int row = ((GridViewRow)((Button)sender).NamingContainer).RowIndex;//通过按钮直接找到命名容器（GridViewRow）的RowIndex  
11.     Response.Write("<script>alert('" + this.GridView1.Rows[row].Cells[1].Text + "')</script>");//直接弹出当前行单元格索引为1的内容  
12. }  

具体代码的含义，上面已经注释明了，这里不重复。

三、最后看下执行的效果。

当点击编辑按钮的时候，显示取消按钮。

当点击取消按钮的时候，弹出10001。

原文地址：http://blog.csdn.net/chinacsharper/article/details/15335339