Ajax 工具包 - 内部更新面板刷新后重置模态弹出位置

Question

我有一个可以拖动和移动的模式弹出窗口。它还包含一个 ajaxUpdatePanel 来更新其中的某些元素。

我的问题是，如果模式弹出窗口已移动并且更新面板触发，弹出窗口将弹回到中心位置。没有任何问题，只是让最终用户感到烦恼。

有什么线索吗？

Answer 1

您可以使用下面的脚本：

var x = null;
var y = null;

Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(InitializeRequest);
Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);

function pageLoaded(sender, args) {
     var extender = $find("ModalPopupExtender1"); // extender's  BehaviorID
     if (extender != null && x != null && y != null) {
          extender.set_X(parseInt(x));
          extender.set_Y(parseInt(y));
     }
}

function InitializeRequest(sender, args) {
     var extender = $find("ModalPopupExtender1");  // extender's BehaviorID
     x = extender._foregroundElement.style.left;
     y = extender._foregroundElement.style.top;
}

如果您关闭弹出窗口并在没有完全回发的情况下再次打开它，它将保存以前的位置，但下次它将再次居中。