Закрытие модального всплывающего окна при нажатии кнопки внутри модального

Question

У меня есть usercontrol, который отображается в модальном всплывающем окне.

<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> 

Пользователь вводит некоторые данные и нажимает на кнопку, нажав на которую я хочу закрыть модальное всплывающее окно.

protected void btnCloseModal_Click(object sender, EventArgs e) 
{ 
    //Some code. 
    ScriptManager.RegisterStartupScript(this.Page, this.Page.GetType(), "CloseModal", "CloseModal();", true); 
} 
function CloseModal() { 
      debugger; 
      $find('bhvIDViewProd').hide(); 
     } 

Но его не закрывает модальное всплывающее окно. Может ли кто-нибудь предложить, как это сделать?

Спасибо.

Answer 1

Вы можете напрямую связать функцию JS для OnCancelScript для ModalPopupExtender и оттуда вы можете закрыть модальное всплывающее окно, как показано ниже. Вам не нужно публиковать код и запускать функцию JS.

<asp:ModalPopupExtender .... CancelControlID="ButtonCancel" OnCancelScript="CancelScript();" 
</asp:ModalPopupExtender> 

И JavaScript функция

function CancelScript() { 
    $find('bhvIDViewProd').hide(); 
}