Jquery 单击模式对话框内的按钮关闭模式弹出窗口
我有一个usercontrol,它显示在模式弹出窗口中Jquery 单击模式对话框内的按钮关闭模式弹出窗口,jquery,asp.net,modal-dialog,Jquery,Asp.net,Modal Dialog,我有一个usercontrol,它显示在模式弹出窗口中 <ajt:ModalPopupExtender OkControlID="btnOk" runat="server" PopupControlID="pnlViewOrderItems" ID="mpxViewItems" TargetControlID="btnOk" BehaviorID="bhvIDViewProd" CancelControlID="ImgbtnC
<ajt:ModalPopupExtender OkControlID="btnOk" runat="server"
PopupControlID="pnlViewOrderItems" ID="mpxViewItems" TargetControlID="btnOk"
BehaviorID="bhvIDViewProd" CancelControlID="ImgbtnCloseViewItems" />
<asp:Panel ID="pnlViewOrderItems" runat="server" Style="display: none; padding: 0px;
margin: 0px;" CssClass="mdlPopUp">
<asp:ImageButton ID="ImgbtnCloseViewItems" Style="position: absolute; top: -15px;
right: -25px;" ImageUrl="~/Images/site/close.gif" runat="server" CausesValidation="false" />
<div id="divOrderItems" runat="server" clientidmode="Static" style="overflow: auto;
padding: 0px">
<table cellpadding="8" cellspacing="0" width="100%">
<tr style="height: 5px; padding: 0px; margin: 0px;" class="mdlHdr" valign="top">
<td align="center" colspan="2">
<h3>
<asp:Label ID="lblMdlHrd" runat="server"></asp:Label>
</h3>
</td>
</tr>
<tr>
<td style="padding: 20px; width: 100%" colspan="2">
<uc:CustomerOrderDetails ID="ucCustOrderDetails" runat="server" />
</td>
</tr>
</table>
</div>
</asp:Panel>
但它并没有关闭模式弹出窗口。有人能建议怎么做吗
谢谢。您可以直接将一个JS函数与ModalPopupXtender的OnCancelScript相关联,并从中关闭模式弹出窗口,如下所示。您不需要发布到代码隐藏并触发JS函数
<asp:ModalPopupExtender .... CancelControlID="ButtonCancel" OnCancelScript="CancelScript();"
</asp:ModalPopupExtender>
删除CloseModal函数中的调试器
<asp:ModalPopupExtender .... CancelControlID="ButtonCancel" OnCancelScript="CancelScript();"
</asp:ModalPopupExtender>
function CancelScript() {
$find('bhvIDViewProd').hide();
}