Question

我的页面正在加载一个单独的aspx页面，以便用户输入到ModalPopupExtender中包含的UpdatePanel中的iframe。这工作正常，但是当我尝试使用GetPostBackEventReference注册btnOK asp：按钮时，我可以在ModalPopupExtender从用户按下OK按钮（iframe内）关闭后进行正确的回调，由于某种原因，我不是能够重新打开iframe（例如，如果用户想要进行相同类型的另一个输入，即在这种情况下输入多个活动）。发生的问题是出现ModalPopupExtender阴影，但iframe永远不会在其中完全加载。

如果我使用__doPostBack('<%=btnOK .ClientID%>','OnClick');而不是GetPostBackEventReference，我可以进行第二次调用，但是按钮的C＃事件处理程序不会触发...而是我只得到一个PostBack。我猜是因为我得到一个完整的PostBack，有些东西会重置页面，一切都重新开始。

任何想法如何解决这个问题？

给出一些我正在尝试做的背景：页面应该向用户显示内容，同时将其他页面加载到iframe和ModalPopupExtenders中，以保持页面更小并将输入与输出分开。考虑到这一点，我需要能够控制流量并在必要时进行适当的回调。

包含ModalPopupExtender的代码：

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head_Obudget" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        $('.CssClass_btnNewActivity').click(function () {
            $('#frameInsertActivity').attr('src', 'InputForms/InsertActivity.aspx');
        });
    });
    function InsertActivity_Done() {
        <%= Page.ClientScript.GetPostBackEventReference(btnOK, String.Empty) %>;
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Obudget" runat="server">
<asp:UpdatePanel ID="upNewActivity" runat="server" UpdateMode="Conditional">
    <Triggers>
        <asp:PostBackTrigger ControlID="btnOK" />
    </Triggers>
    <ContentTemplate>
        <ajaxToolkit:ModalPopupExtender 
            BackgroundCssClass="ModalPopupBG"
            ID="mpeNewActivity" 
            runat="server"
            PopupControlID="divNewActivity" 
            TargetControlID="btnNewActivity"
            OkControlID="btnOK"
            CancelControlID="btnCancel" 
            DropShadow="true">
        </ajaxToolkit:ModalPopupExtender>
        <asp:button id="btnNewActivity" runat="server" CssClass="CssClass_btnNewActivity" text="New Activity" />
        <div id="divNewActivity">
            <iframe id="frameInsertActivity" width="500" height="100" frameBorder="0">
            </iframe>
        </div>
        <div class="popup_Buttons"style="display: none;">
            <asp:Button ID="btnOK" runat="server" OnClick="btnOK_Click" OnClientClick="InsertActivity_Done();" CssClass="CSS_Class_btnOK" />
            <input id="btnCancel" type="button" value="Cancel" />
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
</asp:Content>

iframe代码：

<asp:Content ID="Content1" ContentPlaceHolderID="head_Empty" runat="server">
<style type="text/css">
    body{background:white;}
</style>
<script type="text/javascript">
    function okay() {
        $(window.parent.document).find('.CSS_Class_btnOK').click();
    }
    function cancel() {
        window.parent.document.getElementById('btnCancel').click();
    }
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Empty" runat="server">
<table>
    <tr>
        <th colspan="2">
            New Activity:
        </th>
    </tr>
    <tr>
        <td>
            Name: <asp:TextBox ID="tbNewActivityName" runat="server" Width="200"></asp:TextBox>
            <asp:RequiredFieldValidator ID="rfvNewActivityName" runat="server" ControlToValidate="tbNewActivityName" ValidationGroup="VG_NewActivity" ErrorMessage="*" Display="Dynamic"></asp:RequiredFieldValidator>
        </td>
        <td>
            <div class="popup_Buttons">
                <asp:Button ID="btnInsertNewActivity" runat="server" Text="Add" OnClick="btnInsertNewActivity_Click" ValidationGroup="VG_NewActivity" />
                <input id="btnCancel" onclick="cancel();" type="button" value="Cancel" />
            </div>
        </td>
    </tr>
</table>
</asp:Content>

Answer 1

我意识到问题所在：打开ModalPopupExtender的按钮，也会在点击事件上执行jQuery，以连接iframe＆＃39; src＆＃39;属性。

我需要使用委托事件处理程序来处理来自后代元素的事件，以便在从iframe的第一次执行返回后再次找到此按钮

...代码现在看起来和工作原理如下：

FSharp.Core

......相反，这不起作用：

$(document).on('click', '.CssClass_btnNewActivity', function () {
            $('#frameInsertActivity').attr('src', 'InputForms/InsertActivity.aspx');
        });

......我总是忘记这个=]

ModalPopupExtender在第二次调用时不会在updatepanel中重新加载iframe

1 个答案: