1

我在我的页面中添加了 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

4

2 回答 2

0

您可以使用 jQuery 如下

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

这将在从 iframebtnclose中单击时触发模态弹出扩展器的取消控件的单击事件。btnSubmit您需要查找并替换 iframe 按钮的实际 ID btnSubmit。

于 2013-08-27T07:50:04.167 回答
0 
    <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");
}
于 2013-08-26T17:00:40.887 回答