嵌套Grid中子Grid复选框更新异常问题求助

这个问题我之前做项目时也碰到过，核心原因是回发时子Grid的绑定逻辑没有考虑用户手动修改的状态，而是直接根据父复选框的选中状态强制全选。当你手动取消子Grid的复选框后，页面回发触发数据重新绑定，父复选框还是选中状态，代码又把所有子复选框设为选中，直接覆盖了你的修改。

下面给你具体的解决步骤和代码调整方案：

1. 先保存子复选框的状态到ViewState #

页面回发时，子Grid的状态会因为重新绑定丢失，所以我们需要提前把用户修改的子复选框状态保存到ViewState里，这样重新绑定的时候能读取这些状态。

在后台CS文件里添加一个保存状态的方法：

private void SaveChildCheckBoxStates()
{
    Dictionary<string, bool> childCheckStates = new Dictionary<string, bool>();
    
    // 遍历父Grid的每一行
    foreach (GridViewRow parentRow in gvParent.Rows)
    {
        if (parentRow.RowType == DataControlRowType.DataRow)
        {
            // 找到当前行的子Grid
            GridView gvChild = parentRow.FindControl("gvChild") as GridView;
            
            // 遍历子Grid的每一行，记录每个复选框的状态
            foreach (GridViewRow childRow in gvChild.Rows)
            {
                if (childRow.RowType == DataControlRowType.DataRow)
                {
                    CheckBox chkChild = childRow.FindControl("chkSelectExpand") as CheckBox;
                    // 用父行索引+子行索引做唯一标识，避免冲突
                    string key = $"parent_{parentRow.DataItemIndex}_child_{childRow.DataItemIndex}";
                    childCheckStates[key] = chkChild.Checked;
                }
            }
        }
    }
    
    // 把状态存入ViewState
    ViewState["ChildCheckStates"] = childCheckStates;
}

然后在页面的Page_PreRender事件里调用这个方法，确保每次回发都能保存最新状态：

protected void Page_PreRender(object sender, EventArgs e)
{
    if (IsPostBack)
    {
        SaveChildCheckBoxStates();
    }
}

2. 修改子Grid的绑定逻辑，读取保存的状态 #

原来的绑定逻辑会直接根据父复选框的状态设置子复选框，现在要改成优先读取ViewState里保存的用户修改状态，没有保存的情况下再用父复选框的状态。

假设你原来的父Grid RowDataBound 事件里绑定子Grid的代码是这样的：

protected void gvParent_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        GridView gvChild = e.Row.FindControl("gvChild") as GridView;
        // 绑定子Grid数据
        gvChild.DataSource = GetChildData(e.Row.DataItem);
        gvChild.DataBind();
        
        // 原来的全选逻辑
        CheckBox chkParent = e.Row.FindControl("chkSelect") as CheckBox;
        if (chkParent.Checked)
        {
            foreach (GridViewRow childRow in gvChild.Rows)
            {
                CheckBox chkChild = childRow.FindControl("chkSelectExpand") as CheckBox;
                chkChild.Checked = true;
            }
        }
    }
}

修改成下面这样：

protected void gvParent_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        GridView gvChild = e.Row.FindControl("gvChild") as GridView;
        // 绑定子Grid数据
        gvChild.DataSource = GetChildData(e.Row.DataItem);
        gvChild.DataBind();
        
        CheckBox chkParent = e.Row.FindControl("chkSelect") as CheckBox;
        // 读取之前保存的子复选框状态
        Dictionary<string, bool> childCheckStates = ViewState["ChildCheckStates"] as Dictionary<string, bool>;
        
        foreach (GridViewRow childRow in gvChild.Rows)
        {
            CheckBox chkChild = childRow.FindControl("chkSelectExpand") as CheckBox;
            string key = $"parent_{e.Row.DataItemIndex}_child_{childRow.DataItemIndex}";
            
            // 优先使用用户修改后的状态，没有保存的情况下再用父复选框的状态
            if (childCheckStates != null && childCheckStates.ContainsKey(key))
            {
                chkChild.Checked = childCheckStates[key];
            }
            else
            {
                chkChild.Checked = chkParent.Checked;
            }
        }
    }
}

3. 调整父复选框的OnCheckedChanged事件 #

确保父复选框设置了AutoPostBack="true"，然后在事件里执行全选/取消全选逻辑后，立即保存状态到ViewState：

ASPX里的父复选框代码：

<asp:CheckBox ID="chkSelect" runat="server" OnCheckedChanged="chkSelect_CheckedChanged" AutoPostBack="true" />

后台事件代码调整：

protected void chkSelect_CheckedChanged(object sender, EventArgs e)
{
    CheckBox chkParent = sender as CheckBox;
    GridViewRow parentRow = chkParent.NamingContainer as GridViewRow;
    GridView gvChild = parentRow.FindControl("gvChild") as GridView;
    
    // 全选/取消全选当前行的子复选框
    foreach (GridViewRow childRow in gvChild.Rows)
    {
        CheckBox chkChild = childRow.FindControl("chkSelectExpand") as CheckBox;
        chkChild.Checked = chkParent.Checked;
    }
    
    // 保存当前状态，避免回发丢失
    SaveChildCheckBoxStates();
}

为什么这样能解决问题？ #

• 每次回发前都会把用户修改的子复选框状态存入ViewState，保证操作不会因为重新绑定丢失。
• 子Grid绑定的时候优先读取用户修改过的状态，而不是直接根据父复选框强制设置，这样即使父复选框是选中状态，用户手动取消的子复选框也能保持未选中状态。

内容的提问来源于stack exchange，提问作者joseph.c