使用模式弹出窗口在另一个aspx页面中显示aspx页面

如何解决使用模式弹出窗口在另一个aspx页面中显示aspx页面

我有以下代码，用于在模式弹出窗口中打开aspx页面，但问题是，一旦加载模式弹出窗口的宿主页面，它就会重定向到iFrame内部的页面。 / p>

<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panl1" TargetControlID="Button1"  
    CancelControlID="Button2" BackgroundCssClass="Background">  
</cc1:ModalPopupExtender>  
<asp:Panel ID="Panl1" runat="server" CssClass="Popup" align="center" Style="display: none">
    <iframe style="width: 350px; height: 300px;" id="irm1" src="PayrollScope.aspx?id=49437" runat="server"></iframe>
    <br />
    <asp:Button ID="Button2" runat="server" Text="Close" />
</asp:Panel>

所以顺序是 MainPage.aspx->单击PopUp->在模式中加载PayrollScope.aspx

但是，一旦我点击MainPage.aspx，它就会重定向到PayrollScope.aspx。我也尝试使用jQuery模态弹出窗口，但同样的问题正在发生。有人可以告诉我为什么要重定向。

谢谢

解决方法

如果您使用jQuery对话框加载其他页面？

好吧，它将显示出来，但是如果页面中的任何代码有回发，那么是的，它将重定向到该页面。（jQuery对话框将整个其他页面直接拉入该div并“合并”添加到当前页面的dom中。因此，您可以显示该页面，并且不会发生重定向。但是，任何服务器端按钮事件代码（按下按钮，甚至说编辑文本框后更新事件（在更改）将导致回发。因此，任何回发将导致页面重定向（毕竟，事件背后的所有代码都会将整个页面和URL发送给IIS。因此，这很大程度上取决于您是否显示该页面，或者是否希望/需要/在作为对话框加载的第二页上具有用户交互。

因此，转储ajax弹出窗口并控制对弹出窗口ID的尊重。（不要尝试使用jQuery和ajaxtool套件来“尝试”并弹出一个控件/ div，因为它们往往不能很好地发挥作用。

我建议使用jQuery。

这可以工作（但要记住上面的回发问题）。

<body>
<form id="form1" runat="server">
<br />
<asp:Button ID="Button1" runat="server" Text="Show page as dialog" OnClientClick="showpage1();return false"/>

<div id="poppage" runat="server" style="display:none">
</div>

<link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css" rel="stylesheet" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<script>

    function showpage1() {
        var mydiv = $('#poppage');
        mydiv.dialog({
            autoOpen: false,modal: true,title: 'My cool other page',width: '50%',position: { my: 'top',at: 'top+150' }
        });
        mydiv.load('MyOtherPage.aspx');
        // Open the dialog
        mydiv.dialog('open');
      }

因此，上面将加载另一页（到该div），因此，当您单击上面的按钮时，弹出第二页。（并注意return = false）。如果页面上有任何回发，则所有内容都会使对话框消失。（这也意味着我们按照上面显示（加载）的第二页。

但是，如果您需要在第二页上进行交互？（必须单击按钮等）。

那么iframe的想法是非常好的主意。

所以，您和以前一样，但是我们现在不使用jQuery.ui“加载”页面，而是仅显示（并因此弹出）带有放置在其中的iframe的div。

因此，div变成了这样：

<div id="poppage" runat="server" style="display:none">
    <iframe src="MyOtherPage.aspx" class="auto-style1"></iframe>
</div>

，js代码变成这样：

    function showpage1() {
        var mydiv = $('#poppage');
        mydiv.dialog({
            autoOpen: false,at: 'top+150' }
        });
        // Open the dialog
        mydiv.dialog('open');
      }

因此，现在上面的内容将仅在div中显示该其他页面，并且由于它是iFrame，因此您可以进行交互-并在该iframe中发帖应该就可以了。

因此，删除ajax面板的内容-试试jQuery.ui。我使用了ajaxtool工具包的东西，但是为了在对话框中显示另一个整页，然后我发现jQuery.ui似乎更好用了

使用模式弹出窗口在另一个aspx页面中显示aspx页面

如何解决使用模式弹出窗口在另一个aspx页面中显示aspx页面

解决方法

相关推荐