如何重置ModalPopupExtender

本文关键字：ModalPopupExtender 何重置 | 更新日期: 2023-09-27 18:08:08

我有一个ModalPopUpExtender，点击取消按钮，它应该重置ModalPopUpExtender的原始形式，因为它是在Page_Load期间。如有任何帮助，将不胜感激

ASPX:

<head id="Head1" runat="server">
    <title>Modal Popup</title>
    <style type="text/css">
        .modalStyle
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        .panelStyle
        {
            width: 300px;
            height: 180px;
            border: 2px solid Gray;
            background-color: White;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Button ID="btnShow" runat="server" Text="Show" />
    <asp:ToolkitScriptManager ID="scripManager" runat="server" />
    <asp:ModalPopupExtender ID="modal" BackgroundCssClass="modalStyle" PopupControlID="popup" TargetControlID="btnShow" runat="server" />
    <asp:Panel runat="server" ID="popup" CssClass="panelStyle">
        <div>
            <asp:Button ID="btnCancel" runat="server" OnClick="HideModal" Text="Cancel" />
        </div>
    </asp:Panel>
    </form>
</body>

代码:

protected void HideModal(object sender, EventArgs e)
{
    System.Diagnostics.Debugger.Break();
    modal.Hide();
    //Execute the reset logic
}

当我们点击取消按钮时隐藏ModelPopupExtender需要在ModalPopupExtender控件中使用CancelControlID属性