嵌套 ASP.Net Web 表单 + nyromodal ：模式关闭后回发消失

Question

我有一个 ASP.Net 网页，它使用母版页模板。

该页面有一个带有一些基本 AJAX 功能的 UpdatePanel（更改 DropDownList 的值，UpdatePanel 将刷新）。 这一切都运行良好。

我还有一个弹出 nyromodal 模态的链接，在模态内部，加载了另一个 ASP.Net Web 表单。因为我希望此页面本身具有自己的功能，而不仅仅是静态页面等。它是“创建准确地说，是新的对话。 因此它会创建一条新记录，然后当它关闭时，您将返回主“记录列表”页面等。

我使用以下 jQuery 代码来启动 nyromodal 调用。 代码还包括各种其他调整和设置，以使 nyromodal 与 ASP.Net 更加兼容，因为这是我在 nyromodal 和 ASP.Net 之间遇到并解决的第五次连续不兼容性（课程：远离 ASP.Net）

$(document).ready(function(){
    $(function(){
      $('.modal').live('click', function(evt){
        $(this).nyroModalManual({'blocker':'#aspnetForm',minWidth:640,minHeight:400,endShowContent:function(elt, settings) { $('input:text:first', elt.content).focus(); }});
        evt.preventDefault();
      });
    });
});

此 代码运行得很好（感谢 Brian），因为它解决了 ASP.Net 和 nyromodal 协同工作的其他几个问题。 它甚至使用 blocker:#aspnetForm 位来阻止 nyromodal 超出 ASP.Net 名为 aspnetForm 的主回发表单，这旨在解决 几乎相同的问题。

但是..

我加载到模式中的网页也是一个.Net Web 表单。 所以它当然也有自己内置的postback aspnetForm。 因此，当模式出现并且我使用 FireBug 检查 DOM 结构时，我实际上现在有两个 ASP.Net 表单（嵌套）。 而且因为 nyromodal 本质上只是一个 div（或几个 div），所以表单标签本质上是嵌套的。

所以我认为这把事情搞砸了。 它实际上使 IE7 完全崩溃（致命异常）。 IE7 + FireFox：当我关闭对话框时，我的主网络表单将不再回发。 我认为刚才的两个表单标签让它非常困惑。

能够使用 nyromodal 打开 ASP.Net Web 表单作为模式的内容应该是一个非常简单的要求。 我确实将其归咎于 ASP.Net 如此蹩脚并在每个页面中放置了强制的“form”标签。 如果我使用 PHP，我就不会遇到今天遇到的任何这些问题，但出于工作目的，我不得不使用 ASP.Bloat。

任何想法或见解都非常感谢！ :)

Answer 1

您是否考虑过将模式中的页面作为 iFrame 打开，以便其内容（新的表单标签等）不会干扰主机页面？

$(this).nyroModalManual({type:'iframe'});

Answer 2

我实际上是报告该问题的人。 首先，您是否尝试过 jimbobmcgee 的 ASP.NET nyroModal 插件（在您链接到的同一页面上）开发？ 我还没有，因为我没有时间去阅读所包含的文档。 如果你这样做，请告诉我我是如何为你锻炼的。

这实际上是完美的时机...另一种选择，也就是我正在研究的，是在模式中使用普通的 HTML 页面而不是 WebForms。 因此，我打算将服务器端代码包装在 Web 服务中，并使用 jQuery 调用它，并返回 JSON 响应。

请原谅我解释的准确性，因为我刚刚开始接触网络服务和页面方法，所以我太学习了。 因此，我要求某人发布一个简单的“Hello World”示例。

希望有点帮助。

Answer 3

如果你把它放在页面的头部。 它允许 nyro 模态关闭来模拟回发。

<script type="text/javascript">
$(document).ready(function(){$.nyroModalSettings({
  modal: true,minWidth: ###,minHeight: ###,
  endRemove:function(){
   document.location='pageYouWantToRefresh.aspx';
  }    
});});  
</script>

只需更改 document.location，当窗口关闭时它就会转到那里。

Answer 4

到目前为止，我发现的最简单的解决方案是将弹出窗口加载为 iframe，而不是内联或通过 AJAX。 只是一个想法。 :)