Предотвращение закрытия ModalPopupExtender во время / после PostBack - PullRequest
Новая
       23

Предотвращение закрытия ModalPopupExtender во время / после PostBack

4 голосов
/ 28 мая 2011

Как предотвратить закрытие моего asp: ModalPopupExtender после или во время обратной передачи на сервер ??

Вот мой код:

JAVASCRIPT 

// Confirm popup Ok button
function OnOk() {
    $('#confirmPopup').hide();
    ClickSaveButton();      // does a postback
    ShowGridPopup();
}

ASP.NET AJAX 

    <asp:ModalPopupExtender BehaviorID="confirmPopup" ID="confirmPopup" runat="server"
        TargetControlID="butConfirm" PopupControlID="ConfirmView" BackgroundCssClass="modalBackground"
        OnOkScript="OnOk();" OnCancelScript="OnCancel();"
        OkControlID="yesButton" CancelControlID="noButton">
    </asp:ModalPopupExtender>

Независимо от того, вызову ли я ShowGridPopup() до или после метода обратной передачи ClickSaveButton(), всплывающее окно по-прежнему исчезает. Как я могу предотвратить это?

EDIT

Вот код для ShowGridPopup() и ClickSaveButton()

function ShowGridPopup() {
    if (getID() == "Popup1") {
        ShowGridPopup1();
    } else if (getID() == "Popup2") {
        ShowGridPopup2();
    }
}

function ClickSaveButton() {
    var _id = $('a[id$="butSave"]').attr("ID");
    __doPostBack(_id.replace("_", "$"), '');
}

Ответы [ 3 ]

9 голосов
/ 25 мая 2013

Вы должны использовать UpdatePanel, чтобы ModalPopupExtender не был скрыт после обратной передачи.См. Этот пример ниже:

Aspx: 

<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <div> 
        <asp:UpdatePanel ID="udpOutterUpdatePanel" runat="server"> 
             <ContentTemplate> 

                 <asp:Button ID="ButtonShow" runat="server" Text="Show Popup" OnClick="ButtonShow_Click" />                 


                <input id="dummy" type="button" style="display: none" runat="server" /> 
                <ajaxToolkit:ModalPopupExtender runat="server" 
                        ID="mpeThePopup" 
                        TargetControlID="dummy" 
                        PopupControlID="pnlModalPopUpPanel" 
                        BackgroundCssClass="modalBackground"                        
                        DropShadow="true"/>
                 <asp:Panel ID="pnlModalPopUpPanel" runat="server" CssClass="modalPopup"> 
                    <asp:UpdatePanel ID="udpInnerUpdatePanel" runat="Server" UpdateMode="Conditional"> 
                        <ContentTemplate> 
                            Message
                            <asp:Button ID="ButtonClose" runat="server" Text="Close Popup" OnClick="ButtonClose_Click" />                                                                  
                        </ContentTemplate>       
                    </asp:UpdatePanel> 
                 </asp:Panel> 

            </ContentTemplate> 
        </asp:UpdatePanel> 
    </div> 
    </form> 
</body>

Код позади: 

    protected void ButtonShow_Click(object sender, EventArgs e)
    {
        //Show ModalPopup               

        mpeThePopup.Show(); 
    }
    protected void ButtonClose_Click(object sender, EventArgs e)
    {
        //Hide ModalPopup

        mpeThePopup.Hide();
    }
1 голос
/ 19 декабря 2013

Используйте ModalPopupExtender1.Show () с панелью обновления, чтобы избежать обновления всей страницы.Это отлично сработало для меня.

1 голос
/ 30 мая 2011

Я нашел способ обойти это, вот мое решение: вам нужно создать новый HiddenField контроллер со стороны сервера в ASP, который будет использоваться для хранения идентификатора ModalPopupExtender, который выЕсли вы хотите показать после постбэка, для него задано значение NULL, если всплывающее окно не отображается. 

<!-- Grid Popup ID: to obtain the grid popup ID from server-side -->
<asp:HiddenField id="gridPopupID" runat="server" value="" />

Далее нам нужно установить идентификатор на HiddenField, прежде чем использовать событие сохранения 

// Confirm popup Ok button
function OnOk() {
    $('#confirmPopup').hide();                          // hides the current confirmation popup
    $("#<%= gridPopupID.ClientID %>").val(getID());     // set the ID to the hiddenField.
    ClickSaveButton();                                  // simulates the click of the save button
}

Теперь, в приведенном ниже коде, все, что нам нужно сделать, это проверить значение текстового поля HiddenField, и мы можем просто сделать .Show() в соответствующем всплывающем окне соответственно. 

Protected Sub OnSaveAssociation(ByVal sender As Object, ByVal e As EventArgs) Handles butSaveAssociation.Click

' ommited code: save changes to back end

            ' determine which popup to show
            Dim _id As String = gridPopupID.Value
            Select Case _id
                Case "Popup1"
                    gridPopup1.Show()
                    gridPopupID.Value = Nothing
                Case "Popup2"
                    gridPopup2.Show()
                    gridPopupID.Value = Nothing
            End Select

End Sub
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...