为什么checkbox_CheckedChanged事件不会被触发？

Question

我正在做这个跟我的GridView控件在aspx文件

<asp:GridView ID="gridDepartement" runat="server" CellPadding="4" ForeColor="Black" 
        GridLines="Horizontal" AutoGenerateColumns="False" BackColor="White" 
        BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px" AllowSorting="True" > 
        <Columns> 
         <asp:templatefield> 
          <HeaderTemplate> 
           <asp:CheckBox ID="cbSelectAll" 
            runat="server" AutoPostBack="true" 
            OnCheckedChanged="cbSelectAll_CheckedChanged" /> 
          </HeaderTemplate> 
          <itemtemplate> 
           <asp:CheckBox Id="cbSelectOne" runat="server"/> 
          </itemtemplate> 
         </asp:templatefield> 
         <asp:CommandField ShowEditButton="True" ItemStyle-Width="20"/> 
         <asp:CommandField ShowDeleteButton="True" ItemStyle-Width="20"/> 
         <asp:CommandField ShowSelectButton="True" ItemStyle-Width="20"/> 
         <asp:boundfield headertext="Departement Code" datafield="departementcode" 
          ItemStyle-HorizontalAlign="Center"/> 
         <asp:boundfield headertext="Departement Name" datafield="departementname" 
          ItemStyle-HorizontalAlign="Center" /> 
         <asp:boundfield headertext="Created By" datafield="createby" 
          ItemStyle-HorizontalAlign="Center" /> 
         <asp:boundfield headertext="Created Date" datafield="createdate" 
          ItemStyle-HorizontalAlign="Center" /> 
         <asp:boundfield headertext="Updated By Name" datafield="updateby" 
          ItemStyle-HorizontalAlign="Center" /> 
         <asp:boundfield headertext="Last Update" datafield="lastupdate" 
          ItemStyle-HorizontalAlign="Center" /> 
        </Columns> 
        <FooterStyle BackColor="#CCCC99" ForeColor="Black" /> 
        <HeaderStyle BackColor="#333333" Font-Bold="True" ForeColor="White" /> 
        <PagerStyle BackColor="White" ForeColor="Black" HorizontalAlign="Right" /> 
        <SelectedRowStyle BackColor="#CC3333" Font-Bold="True" ForeColor="White" /> 
        <SortedAscendingCellStyle BackColor="#F7F7F7" /> 
        <SortedAscendingHeaderStyle BackColor="#4B4B4B" /> 
        <SortedDescendingCellStyle BackColor="#E5E5E5" /> 
        <SortedDescendingHeaderStyle BackColor="#242121" /> 
       </asp:GridView> 

，我想检查所有复选框时复选框头点击，我将事件添加到我的网格，并在复选框checkchanged事件添加以下代码：

protected void cbSelectAll_CheckedChanged(object sender, EventArgs e) 
     { 
      bool chkFlag = false; 

      CheckBox cbHD = (CheckBox)gridDepartement.HeaderRow.FindControl("cbSelectAll"); 

      if (cbHD.Checked) 
      { 
       chkFlag = true; 
      } 
      foreach (GridViewRow dr in gridDepartement.Rows) 
      { 
       CheckBox chk = (CheckBox)dr.Cells[0].FindControl("cbSelectOne"); 
       chk.Checked = chkFlag; 
      } 
     } 

页面加载代码：

protected void Page_Load(object sender, EventArgs e) 
     { 
      //if(!IsPostBack) 
      //{ 
       DataSourceDepartement dpt = new DataSourceDepartement(); 

       DataSourceDepartementTableAdapters.departementTableAdapter 
       adp = new DataSourceDepartementTableAdapters.departementTableAdapter(); 

       //bind gridview to datatable 
       gridDepartement.DataSource = adp.GetDataDepartement(); 
       gridDepartement.DataBind(); 
      //} 
     } 

确定它的工作了，但现在的问题是，我的复选框事件仅trigered当它为v alue转为检查/ true，但是当我取消选中/将其设为false时，它不会触发，我应该修复哪些部分？

Answer 1

function SelectAll(objcheckbox) 
     { 
      var HeaderCBControl = objcheckbox; 
      //var table = getParentByTagName(HeaderCBControl, 'table'); 
      var Inputs = document.getElementById('CenterContent_gridDepartement').getElementsByTagName("input"); 

      for (var n = 0; n < Inputs.length; ++n) 
       if (Inputs[n].type == 'checkbox') 
       { 
        Inputs[n].checked = HeaderCBControl.checked; 
       } 
      return false; 
     } 
     </script> 

Answer 2

你的Gridview在复选框事件之前再次被绑定，这就是为什么你的事件没有被调用而不是回发所以把你的gridview绑定语句放在下面的块中。

if (!Page.IsPostBack) 
     { 
gridDepartement.DataSource = adp.GetDataDepartement(); 
       gridDepartement.DataBind(); 
} 

Answer 3

为什么要在服务器端做这件事。在java脚本中执行。这将是更好的性能水平。使用此代码:::`功能CheckAll（objparentcheckbox）{ var HeaderCheckboxControl = objparentcheckbox var table = getParentByTagName（HeaderCheckboxControl，'table'）;

 //get all the control of the type INPUT in the base control. 
     var Inputs = table.getElementsByTagName("input"); 

     for (var n = 0; n < Inputs.length; ++n) 
      if (Inputs[n].type == 'checkbox') { 
       Inputs[n].checked = HeaderCheckboxControl.checked; 
      } 
     return false; 
    } and in grid:::: <HeaderTemplate> 
             <asp:CheckBox ID="ChkSelectAll" onclick="CheckAll(this)" runat="server" /> 
            </HeaderTemplate>`