OK. Нажмите кнопку "ОК", чтобы не стрелять?

У меня есть кнопка внутри UpdatePanel. Кнопка используется как кнопка OK для ModalPopupExtender. По какой-то причине событие нажатия кнопки не срабатывает. Есть идеи? Я что-то пропустил?

<asp:updatepanel id="UpdatePanel1" runat="server">
    <ContentTemplate>
        <cc1:ModalPopupExtender ID="ModalDialog" runat="server" 
            TargetControlID="OpenDialogLinkButton"
            PopupControlID="ModalDialogPanel" OkControlID="ModalOKButton"
            BackgroundCssClass="ModalBackground">
        </cc1:ModalPopupExtender>
        <asp:Panel ID="ModalDialogPanel" CssClass="ModalPopup" runat="server">
            ...
            <asp:Button ID="ModalOKButton" runat="server" Text="OK" 
                        onclick="ModalOKButton_Click" />
        </asp:Panel>
    </ContentTemplate>
</asp:updatepanel>

Ответ 1

Aspx

<ajax:ModalPopupExtender runat="server" ID="modalPop" 
            PopupControlID="pnlpopup" 
            TargetControlID="btnGo"
              BackgroundCssClass="modalBackground"
             DropShadow="true"
             CancelControlID="btnCancel" X="470" Y="300"   />


//Codebehind    
protected void OkButton_Clicked(object sender, EventArgs e)
    {

        modalPop.Hide();
        //Do something in codebehind
    }

И не устанавливайте кнопку OK как OkControlID.

Ответ 2

Похоже, что кнопка, которая используется как кнопка OK или CANCEL для ModalPopupExtender, не может иметь событие click. Я проверил это, удалив

OkControlID="ModalOKButton"

из тега ModalPopupExtender, и нажатие кнопки запускается. Мне нужно выяснить другой способ отправки данных на сервер.

Ответ 3

Также может быть, что кнопка должна иметь CausesValidation = "false". Это сработало для меня.

Ответ 4

Я просто искал решение для этого:)

похоже, что вы не можете назначить OkControlID для элемента управления, если вы хотите, чтобы этот элемент управления запускал событие, просто удалив это свойство, я снова получил все, что работает.

мой код (рабочий):

<asp:Panel ID="pnlResetPanelsView" CssClass="modalPopup" runat="server" Style="display:none;">
    <h2>
        Warning</h2>
    <p>
        Do you really want to reset the panels to the default view?</p>
    <div style="text-align: center;">
        <asp:Button ID="btnResetPanelsViewOK" Width="60" runat="server" Text="Yes" 
            CssClass="buttonSuperOfficeLayout" OnClick="btnResetPanelsViewOK_Click" />&nbsp;
        <asp:Button ID="btnResetPanelsViewCancel" Width="60" runat="server" Text="No" CssClass="buttonSuperOfficeLayout" />
    </div>
</asp:Panel>
<ajax:ModalPopupExtender ID="mpeResetPanelsView" runat="server" TargetControlID="btnResetView"
    PopupControlID="pnlResetPanelsView" BackgroundCssClass="modalBackground" DropShadow="true"
    CancelControlID="btnResetPanelsViewCancel" />

Ответ 5

Поместите в Button-Control атрибут "UseSubmitBehavior = false".

Ответ 6

Я часто использую пустой ярлык как TargetControlID. ех. <asp:Label ID="lblghost" runat="server" Text="" />

Я видел две вещи, из-за которых событие click не срабатывает:
1. вам нужно удалить OKControlID (как указывали другие)

2. Если вы используете полевые валидаторы, вы должны добавить CausesValidation = "false" на кнопку.

Оба сценария вели себя одинаково для меня.

Ответ 7

Ни один из предыдущих ответов не работал у меня. Я вызвал обратную передачу кнопки на событии OnOkScript.

<div>
    <cc1:ModalPopupExtender PopupControlID="Panel1" 
         ID="ModalPopupExtender1"
         runat="server" TargetControlID="LinkButton1" OkControlID="Ok" 
         OnOkScript="__doPostBack('Ok','')">
    </cc1:ModalPopupExtender>

    <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> 
</div>        


<asp:Panel ID="Panel1" runat="server">
    <asp:Button ID="Ok" runat="server" Text="Ok" onclick="Ok_Click" />            
</asp:Panel>

Ответ 8

Я нашел способ проверить modalpopup без обратной передачи.

В ModalPopupExtender я установил OnOkScript в функцию, например ValidateBeforePostBack(), а затем в функции, которую я вызываю Page_ClientValidate для группы проверки, которую я хочу, выполните проверку и если она не удалась, сохраните отображение модального сообщения. Если он пройдет, я вызываю __doPostBack.

function ValidateBeforePostBack(){ 
     Page_ClientValidate('MyValidationGroupName'); 
     if (Page_IsValid) { __doPostBack('',''); } 
     else { $find('mpeBehaviourID').show(); } 
}

Надеюсь, что это поможет.