Question

我喜欢在asp.net中使用jquery

我有一个用户控件，只有很少的控制和一个SAVE按钮。

我写Ajax调用来保存数据。

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

为此我尝试了这段代码并且无法正常工作。

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

                     }

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

                     }

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

2 个答案: