如何在成功按钮点击jquery asp.net后关闭UserControl？

Question

嗨iam在asp.net中使用jquery

我有一个用户控件，几个contols和一个SAVE按钮。

Iam写Ajax调用来保存数据。

Iam成功保存我的数据。但mu SUccess警报后，我的用户控制弹出窗口仍然在页面中。我只是想隐藏/关闭。

为此，我试过这段代码，并没有工作。

 success: function (html) { 
        try { 
         alert("added successfuly"); 
         $(".modalBackground").hide(); 
        } catch (ex) { 
         alert("ErrCode:1"); 

        } 

MY ASCX：

其中包含有几个的Fileds

 <ajax:ModalPopupExtender ID="ModalPopupContext" runat="server" 
      TargetControlID="btnContextPopup" BehaviorID="ModalPopupExtender" PopupControlID="pnlpopupContext" BackgroundCssClass="modalBackground"> 
    </ajax:ModalPopupExtender> 

       <panel ....> 

       TextBox1 
       Textbox2 
      <asp:ImageButton ID="imgbtnUpdate" runat="server"  ClientIDMode="Static" CssClass="imgbtnUpdateADDContext" TabIndex="8" ImageUrl="~/image_repository/UpdateVoyage.png" /> 
     </panel> 

这就是我用它来保存数据的按钮ModalPopup，该点击后，如果成功我的用户必须是。关闭

Answer 1

试试这个：

success: function (html) { 
     try { 
       alert("Port added successfuly"); 
       $("PanelClassName").hide(); // Panel which is in ajax:ModalPopupExtender    
       } catch (ex) { 
       alert("ErrCode:1"); 
       } 
      return false; 
     } 

Answer 2

只需把你的用户控件代码面板，比上成功隐藏面板

<asp:panel runnat="server" id="pnl"> 
<ajax:ModalPopupExtender ID="ModalPopupContext" runat="server" 
      TargetControlID="btnContextPopup" BehaviorID="ModalPopupExtender" PopupControlID="pnlpopupContext" BackgroundCssClass="modalBackground"> 
    </ajax:ModalPopupExtender> 

       <panel ....> 

       TextBox1 
       Textbox2 
      <asp:ImageButton ID="imgbtnUpdate" runat="server"  ClientIDMode="Static" CssClass="imgbtnUpdateADDContext" TabIndex="8" ImageUrl="~/image_repository/UpdateVoyage.png" /> 
     </panel> 
</panel> 

现在的成功部分

success: function (html) { 
        try { 
         alert("Port added successfuly"); 
       var pnel= document.getElementById('<%= pnl.ClientID%>'); 
        pnel.hide(); 
        } catch (ex) { 
         alert("ErrCode:1"); 

        }