IE11下ASP.NET GridView弹窗更新失效及window.opener问题求助

嘿，这个IE11的兼容坑我之前帮不少开发者踩过——它在处理window.opener、页面回发状态保留上和Chrome等现代浏览器差异不小，咱们一步步来搞定它：

先搞清楚问题根源 #

IE11导致window.opener.ParmArray为null的核心原因通常是这几个：

• 安全策略更严格，哪怕同域名下，也可能限制弹窗对父窗口对象的访问
• ASP.NET回发会重新渲染页面，父页面的全局客户端变量ParmArray会被直接清空，Chrome会保留部分状态，但IE11不会
• 弹窗加载时机处理不同，IE11可能在弹窗未完全加载时就允许脚本执行，导致访问window.opener时变量还未初始化

具体解决步骤 #

1. 让ParmArray在回发后不丢失 #

ASP.NET回发会重置页面的客户端状态，咱们用隐藏字段把ParmArray的值存起来，回发后再恢复：

首先在父页面添加隐藏字段：

<asp:HiddenField ID="hdnParmArray" runat="server" />

然后在客户端脚本里同步变量和隐藏字段的值：

// 初始化/更新ParmArray时，同步写入隐藏字段
function setParmArray(data) {
    window.ParmArray = data;
    document.getElementById('<%= hdnParmArray.ClientID %>').value = JSON.stringify(data);
}

// 页面加载（包括回发后）时，从隐藏字段恢复变量
window.addEventListener('load', function() {
    var storedData = document.getElementById('<%= hdnParmArray.ClientID %>').value;
    if (storedData) {
        window.ParmArray = JSON.parse(storedData);
    } else {
        // 初始化空对象避免null报错
        window.ParmArray = {};
    }
});

2. 优化弹窗打开与数据传递方式 #

别让弹窗被动读取window.opener，主动把数据传给弹窗，适配IE11的加载时机：

修改弹窗打开函数：

function openResponsiblePopup(rowIndex) {
    // 存入当前编辑行索引
    setParmArray({ rowIndex: rowIndex });
    
    // 打开弹窗，指定明确的窗口名称避免IE11缓存问题
    var popup = window.open('YourPopupPage.aspx', 'ResponsiblePopup', 'width=600,height=400,scrollbars=yes');
    
    // 给IE11预留加载时间，再主动传递数据到弹窗
    setTimeout(function() {
        if (popup && !popup.closed) {
            popup.parentData = window.ParmArray;
        }
    }, 300);
    
    // 阻止按钮默认回发行为
    return false;
}

在GridView的EditItemTemplate中绑定这个函数：

<EditItemTemplate>
    <asp:ImageButton ID="imgEditResp" runat="server" ImageUrl="~/Images/edit-icon.png"
        OnClientClick='<%# "return openResponsiblePopup(" + Container.DataItemIndex + ");" %>' />
</EditItemTemplate>

弹窗中完成选择后，直接用传递的parentData更新父页面：

// 弹窗选择完成的回调函数
function confirmSelection(selectedUserName) {
    if (window.parentData && window.parentData.rowIndex != null) {
        window.opener.updateGridViewRow(window.parentData.rowIndex, selectedUserName);
        window.close();
    }
}

3. 修复IE11的window.opener访问权限 #

在父页面和弹窗页面的<head>中添加meta标签，明确允许同域名访问：

<meta http-equiv="X-Frame-Options" content="SAMEORIGIN">

同时要确保弹窗和父页面的协议、域名、端口完全一致，IE11对跨域window.opener的限制非常严格。

4. 用ScriptManager确保回发后脚本正常执行 #

如果页面使用ScriptManager，通过后台代码注册初始化脚本，保证回发后变量能正确初始化：

在VB.NET后台的GridView编辑事件中：

Protected Sub GridView1_RowEditing(sender As Object, e As GridViewEditEventArgs) Handles GridView1.RowEditing
    GridView1.EditIndex = e.NewEditIndex
    BindGridViewData() ' 你的数据绑定方法
    
    ' 初始化ParmArray并传递编辑行索引
    Dim parmData = New With {.rowIndex = e.NewEditIndex}
    ScriptManager.RegisterStartupScript(Me, Me.GetType(), "InitParmArray", _
        $"window.ParmArray = {Newtonsoft.Json.JsonConvert.SerializeObject(parmData)};", True)
End Sub

（需要安装Newtonsoft.Json NuGet包来序列化对象）

最后验证测试 #

在IE11中走一遍流程：

1. 点击GridView编辑按钮打开弹窗
2. 选择结果后，确认弹窗能获取到parentData中的行索引
3. 关闭弹窗，检查GridView当前编辑行的Responsible字段是否正确更新

内容的提问来源于stack exchange，提问作者kumarjcet