首页 > Asp.net开发 > GridView编辑、取消按钮自定义控件

GridView编辑、取消按钮自定义控件

这个需求来自于论坛一位坛友提出的问题,他希望能够自定义编辑、取消按钮,而不是用GridView自带的编辑和取消。这里只当抛砖引玉,提出一些解决方案。

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

 

[html][/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][/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.         dt.Rows.Add(10001, "guwei40371");
  9.         dt.Rows.Add(10002, "guwei40372");
  10.         this.GridView1.DataSource = dt.DefaultView;
  11.         this.GridView1.DataBind();
  12.     }
  13. }

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

 

接下来两个按钮事件:

 

[csharp][/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. protected void Cancel_Click(object sender, EventArgs e)
  8. {
  9.     int row = ((GridViewRow)((Button)sender).NamingContainer).RowIndex;//通过按钮直接找到命名容器(GridViewRow)的RowIndex
  10.     Response.Write("<script>alert('" + this.GridView1.Rows[row].Cells[1].Text + "')</script>");//直接弹出当前行单元格索引为1的内容
  11. }

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

 

最后看下执行的效果。

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


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


本文固定链接: http://www.devba.com/index.php/archives/3464.html | 开发吧

报歉!评论已关闭.