父页面生成模态窗口，模态窗口上的按钮会导致父页面触发回发吗？

Question

我有一个 asp.net 网络表单。 表单上有一些用户需要填写的字段。 有一个超链接可打开模式窗口（我正在使用 jquery 和 Prettyphoto，但可能会切换到 http://www.ericmmartin.com/projects/simplemodal/ 因为他的文档更好）

模态窗口包含一个 iFrame，用户可以在其中进行选择并保存记录。

此时我需要关闭该窗口并在父页面上触发回发。

目前，我在最后一页上有一个超链接，其中 target = 父页面，href = 父页面 url。 然后我有一个自动点击它的javascript。我知道这是一个廉价的黑客行为。 然后，它将用户发送回父页面，但页面会重新加载，所有原始数据都会丢失。 这就是问题所在。

最好的方法是什么？

谢谢！

Answer 1

如果父窗口和子 iframe 位于同一域中，那么这应该相当简单。

在 iframe 内部，window.parent 引用外部 window 对象，在外部页面中，它引用自身。

https://developer.mozilla.org/en/DOM/window.parent

所以在iframe中，你可以这样编写代码：

// Check to make sure we're an iframe
if (window.parent !== window) {
  // Run an arbitrary function in the parent window
  var daddy = window.parent;
  daddy.doStuffThatSubmitsAFormInTheParentPage();
}
// Make sure you have that function defined in the parent page.

下面是jsbin中的访问示例。您需要一个控制台才能看到爱情。

http://jsbin.com/ucisi/5

相关代码（如果你想要漂亮的话）

http://jsbin.com/ucisi/5/edit

http://jsbin.com/ucisi/4/edit

Answer 2

通过亚历克斯的解决方案，我能够解决这个问题。

在父页面上，我有：

<script language="JavaScript">
<!--
    function clickPostBackButton() {
        document.getElementById("<%=PostBackButton.ClientID%>").click();
    }
-->
</script>

<asp:Button CssClass="hide" CausesValidation="false" runat="server" Text="Postback" ID="PostBackButton" />

然后在模式窗口中加载的 iFrame 上。我有一个带有按钮的表格。该按钮将用户带到另一个页面。在此页面上，我有以下代码：

<script language="javascript" type="text/javascript">
    // Check to make sure we're an iframe
if (window.parent !== window) {
  // Run an arbitrary function in the parent window
  var daddy = window.parent;
  daddy.clickPostBackButton();
}
// Make sure you have that function defined in the parent page.

</script>

此时，模式窗口关闭，父页面触发回发。
值得注意的是，我的按钮有 CausesValidation="false"，如果没有这个，我的页面就会出现验证问题。感谢您的提示亚历克斯·塞克斯顿