Jquery + ASP.NET 更新面板

Question

我在工作中一直忙于在整个自定义 CRM 中实施 JQuery。在这个过程中，我创建了一个带边框的面板，它的标题中有一个简单的按钮，可以根据当前状态折叠或展开内容。现在，为了记住面板的状态，我正在使用 jquery cookie 库，当提交页面时，该库会为该控件设置一个 cookie，然后当重新加载页面时，它会读取面板并将其重置为最后的状态。

问题一是让 JQuery 在提交页面时执行，因为 ASP.NET 接管了这个任务并且不会调用表单上的 Submit() 函数。为了克服这个问题，我发现 http://kenbrowning.blogspot .com/2009/01/supporting-jquerys-formsubmit-in-aspnet.html 似乎几乎完美地工作。

然而......经过进一步测试，我发现这将阻止任何本应在 UpdatePanel 内发生的回发，以执行完整的回发，而不是从面板进行异步回发。我意识到 UpdatePanel 现在有点过时了，但它们散布在我们的网站中，因此为了使用此控件，它必须与它们很好地配合。

那么，是否有办法确定是否发生了异步回发？基本上我希望能够做这样的事情：

if (IsAsyncPostback) {
    theForm.submit(); //this seems to still fire the async postback, but doesn't call the jquery which is setup to save the state..
} else {
    $(theForm).submit(); //this is from the link, which cause all postbacks to be full on postbacks, even if they are in an updatepanel
}

救命，我已经四处寻找但找不到任何有用的东西..当然我不能是唯一尝试过这个的人？

Answer 1

我会避免干扰 __doPostBack() 函数。

我认为您想要的是处理 PageRequestManager 的 beginRequest 或 endRequest 事件。这将在每次 UpdatePanel 刷新后运行您的代码，例如：

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function() {
  if ($('#panelID').is(':hidden'))
    $.cookie('#panelID', 'true');
  else
    $.cookie('#panelID', 'false');
});

---

如果您确实想更改 __doPostBack()，最好使用这种方法：

var oldDoPostBack = window.__doPostBack;

window.__doPostBack = function(target, arg) {
  // Trigger a custom event, to track when this occurs.
  $(window).trigger('doPostBack');

  // Call the real __doPostBack() function;
  oldDoPostBack(target, arg);
}

然后，您可以绑定到该代码从任何源触发 __doPostBack() 时执行操作的自定义事件：

$(window).bind('doPostBack', function() {
  alert('__doPostBack is about to execute.');
});

这里的重要优点是您无需重新定义 __doPostBack()，因此您不太可能会打破 它。

不过，我建议坚持使用内置的 PageRequestManager 事件，除非您确实因其他原因需要捕获 __doPostBack() 事件。

Answer 2

您是否看到过：http://msdn.microsoft.com/en-us/库/ms178208.aspx？