如何隐藏嵌入在ASCX用户控件中的ModalPopupExtender而不回发（通过javascript）？

Question

我有一个Asp.net应用程序。  在该应用程序中，我在ASCX用户控件中嵌入了ModalPopupExtender。  我希望能够连接一个取消按钮，这样我就可以在用户按下取消时隐藏弹出窗口  没有回帖。

这是我到目前为止所做的：

<cc1:ModalPopupExtender ID="PopupExtender1" runat="server" PopupControlID="pnlPopup" BehaviorID="mdlPopupForm"
TargetControlID="btnHiddenSubmit" OkControlID="btnOkay" CancelControlID="btnCancel" 
Drag="true" PopupDragHandleControlID="PopupHeader" EnableViewState="true" 
BackgroundCssClass="modalBackground" ClientIDMode="Static" />

这是btnCancel的HTML

<input type="button" id="btnCancel" onclick="cancelPopupPanelClick()" value="Cancel" />

这是javascript：

   function cancelPopupPanelClick() {

    alert('CancelEventFired');
    var modalPopup = $find('PopupExtender1');
    if (modalPopup != null) {
        modalPopup.hide();
    }
}

事件发生火灾。我遇到的问题是我无法“查找”modalPopup以隐藏它。  由于我在ASCX控件中嵌入了ModalPopupExtender，这是否复杂？

我已经确认“AjaxControlToolkit.ToolkitScriptManager”已加载到包含的ASPX页面中。

有人能让我指出正确的方向吗？

谢谢，  JohnB

Answer 1

你正在使用无效选择器，试试这个：

var modalPopup = $('#PopupExtender1');