为什么 ajaxModalExtender 不隐藏？答案

【问题标题】：Why doesn't ajaxModalExtender hide ?为什么 ajaxModalExtender 不隐藏？
【发布时间】：2016-04-29 14:30:27
【问题描述】：

我使用过 AjaxModalExtender，它可以工作，但问题是当它出现时

<asp:image ID="ImageLetterCopy"  style="max-width: 100%;max-height: 100%"   runat="server" />

无论如何都不会隐藏。我想隐藏它，我该怎么做？

<asp:HiddenField ID="hdnField1" runat="server" />
                <asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1"
                    PopupControlID="ImageLetterCopy">
                </asp:ModalPopupExtender>

我只想在有人点击页面上的任何位置或任何其他简单方式时隐藏它。

【问题讨论】：

标签： asp.net ajax asp.net-ajax ajaxcontroltoolkit

【解决方案1】：

其实这个功能并没有实现。但是您可以尝试将处理程序附加到 ModalPopup 背景元素并模拟取消按钮的“单击”事件（未测试）：

<asp:ModalPopupExtender ID="mdlMessageBox" BackgroundCssClass="modalBackground" runat="server" TargetControlID="hdnField1" PopupControlID="ImageLetterCopy" BehaviorID="mdlMessageBoxBehavior">
</asp:ModalPopupExtender>

<script type='text\javascript'>
var modalPopupBehavior = $find("mdlMessageBoxBehavior");
$(modalPopupBehavior._foregroundElement).click(function(){
    $(modalPopupBehavior._cancelControlID).trigger("click");
});
</script>

【讨论】：