关闭模态弹出窗口

本文关键字：窗口 模态 | 更新日期: 2023-09-27 18:22:11

我有一个模式弹出窗口，当点击超链接时会出现。。现在我想在模式弹出窗口中添加一个按钮来关闭它。但我不确定如何操作。我尝试了这个

<ajaxToolKit:ModalPopupExtender ID="mPopup" runat="server" TargetControlID="HyperLink"
    PopupControlID="pnlItem" BackgroundCssClass="modalBackground" />
<asp:Panel runat="server" ID="pnlItem" Style="display: none;" CssClass="PopupStyle" Width="400">
    <div>
        <ucc:High ID="High" runat="server" />
        <asp:Button ID="btnClose" runat="server" Text="CLOSE" 
            OnClientClick="javascript:document.getElementById('btnClose').click();return false;" />
    </div>
</asp:Panel>

但它不起作用。。它引发了js脚本问题。

任何帮助都将不胜感激

关闭模态弹出窗口

有一个名为CancelControlID的属性。更多解释请访问http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx

<ajaxToolKit:ModalPopupExtender ID="mPopUp" CancelControlID="btnClose" runat="server" TargetControlID="HyperLink2"
                           PopupControlID="pnlItem" BackgroundCssClass="modalBackground" />
                           <asp:Panel runat="server" ID="pnlItem" Style="display: none;" CssClass="PopupStyle"
                            Width="400">
                         <div>
                               <ucc:High ID="High" runat="server" />
                               <asp:Button ID="btnClose" runat="server" Text="Close" OnClientClick="javascript:document.getElementById('btnClose').click();return false;" />
                         </div>
                         </asp:Panel>
相关文章：