asp.net - 为什么我的函数在 UpdatePanel 加载后运行多次

Question

所以我想在我的更新面板更新后运行一些 javaScript 函数，所以我有：

function pageLoad() { 

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_pageLoaded(panelLoaded);
}


function panelLoaded(sender, args) {
        alert("foobar");
}

使用上面的代码，如果我更新一次面板，“foobar”将被警告一次；如果我第二次更新面板，“foobar”会弹出两次；第三次触发面板更新，“foobar”弹出三次……第四次弹出四次，依此类推……

这是什么原因造成的？？

谢谢~~~

Answer 1

这是因为 pageLoad 也在 updatepanel 回发期间执行。有一个简单的解决方案：

function pageLoad(sender, eventArgs) {
    // If this is being executed by ajax
    if (eventArgs) {
        // And this is only a partial load
        if (eventArgs.get_isPartialLoad()) {
            // Don't perform any further processing
            return;
        }
    }
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_pageLoaded(panelLoaded);
}

Answer 2

谢谢大家，问题似乎是 Sam 提到的 prm 实例太多。我添加了 Sys.WebForms.PageRequestManager.getInstance().remove_pageLoaded(panelLoaded); 在 alert() 之后，一切都很好。

Answer 3

这就是正在发生的事情。pageLoad基本上作为Application.Init和PageRequestManager.EndRequest的组合。这意味着它适用于应用程序初始化（大约 DOM 就绪）和每个Partial PostBack

所以 pageLoad 适用于所有 PostBacks；完整的和部分的。

现在，您在每次部分回发时再次在 ScriptManager 的实例上绑定 pageLoaded 事件，并再次导致此行为。