2013年10月1日 星期二

[ASP.NET] 如何在GridView加上CheckBox全選與取消全選

說明:
在GridView加上CheckBox針對目標列資料勾選或全選以刪除資料。

作法:
//xxx.aspx
<GridView>
  <Columns>
  <asp:TemplateField>
    <HeaderTemplate>
          <asp:CheckBox ID="cbxHead" runat="server" />
    </HeaderTemplate>
    <ItemTemplate>
          <asp:CheckBox ID="cbxRow" runat="server" />
     </ItemTemplate>
</asp:TemplateField>
</Columns>
</GridView>


//xxx.aspx.cs
 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
 {
         if (e.Row.RowType == DataControlRowType.Header)
        {
            CheckBox cbxHead = (CheckBox)e.Row.FindControl("cbxHead");
            cbxHead.Attributes.Add("onclick", "for(i=0;i<" + GridView1.ClientID + ".all.tags('input').length;i++){if (" + GridView1.ClientID + ".all.tags('input')[i].type=='checkbox'){" + GridView1.ClientID + ".all.tags('input')[i].checked=checked}}");
        }
}

沒有留言:

張貼留言