Question

我在我的页面中添加了modalPopupExtender，我在iframe中调用了另一个页面。按钮点击我正在进行一些处理，我只想知道如何在提交点击该按钮时关闭modalPopUpExtender。

我的代码是 -

 <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" DynamicServicePath="" Enabled="True" PopupControlID="PP" 
                                    TargetControlID="btnCounceller" BackgroundCssClass="modalBackground" 
                                    CancelControlID="btnclose">
        </cc1:ModalPopupExtender>

<asp:Panel ID="PP" runat="server" BackColor="white" Height="200px" Width="350px">
    <table class="style1">
         <tr>
             <td>&nbsp;</td>
             <td>
                   <iframe ID="ff" runat="server" frameborder="0" src="Order.aspx" style="width:350px; height:200px;"></iframe>
             </td>
             <td>
                 <asp:Button ID="btnclose" runat="server" Text="X" />
            </td>
        </tr>
    </table>
  </asp:Panel>

和我的Order.aspx包含

 <table>
        <tr>
           <td>First Name :</td>
           <td><asp:TextBox ID="txtName" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>Mobile:</td>
            <td><asp:TextBox ID="txtMobile" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td><asp:Label ID="lblMessage" runat="server" Visible="false"></asp:Label></td>
        </tr>
        <tr>
            <td></td>
            <td><asp:Button ID="btnSubmit" runat="server" Text="Submit" 
                    onclick="btnSubmit_Click" /></td>
        </tr>
    </table>

现在我只想在点击IFrame的提交按钮

时关闭我的modalPopUp

Answer 1

    <asp:Panel ID="PP" runat="server" BackColor="white" Height="200px" Width="350px">
        <table class="style1">
             <tr>
                 <td>&nbsp;</td>
                 <td>
                     <asp:Button ID="btnclose" runat="server" Text="X" OnClick="btnclose_Click" />
                </td>
                <td>
                <iframe ID="ff" runat="server" frameborder="0" src="Order.aspx" style="width:350px; height:200px;"></iframe>
                 </td>
                 </tr>
        </table>
      </asp:Panel>

Protected void btnclose_Click(Object sender, EventArgs e)
{
response.redirect("yourpage.aspx");
}

Answer 2

你可以使用如下的jQuery

$("#btnSubmit").click(function() {
    $("#<%= btnclose.ClientID %>").click();
});

这会在您点击iframe的btnclose时触发模式弹出式扩展器的取消控件btnSubmit的点击事件。您需要查找并替换iframe按钮btnSubmit的实际ID。

如何在iframe上单击按钮时关闭ModalPopupExtender

2 个答案: