如何在成功按鈕單擊jquery asp.net后關閉UserControl？

Question

嗨iam在asp.net中使用jquery

我有一個用戶控件，只有很少的控制和一個SAVE按鈕。

我寫Ajax調用來保存數據。

我成功保存了數據。 但在mu SUccess警報之后，我的用戶控件彈出窗口仍然在頁面中。 我只想隱藏/關閉。

為此，我嘗試了這個代碼，但沒有工作。

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

                     }

我的ASCX：

它包含一個少量文件的ModalPopup

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

這是我用來保存數據的按鈕。在此單擊之后，如果成功，我的UserControl必須關閉

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

只需將您的UserControl代碼放在面板中，而不是成功隱藏該面板

<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");

                     }