ModalPopupExtender OK Button click event not firing

Question

I have a Button inside an UpdatePanel   The button is being used as the OK button for a ModalPopupExtender   For some reason  the button click event is not firing   Any ideas   Am I missing something    lt asp updatepanel id  UpdatePanel1  runat  server  gt       lt ContentTemplate gt           lt cc1 ModalPopupExtender ID  ModalDialog  runat  server               TargetControlID  OpenDialogLinkButton              PopupControlID  ModalDialogPanel  OkControlID  ModalOKButton              BackgroundCssClass  ModalBackground  gt           lt  cc1 ModalPopupExtender gt           lt asp Panel ID  ModalDialogPanel  CssClass  ModalPopup  runat  server  gt                               lt asp Button ID  ModalOKButton  runat  server  Text  OK                           onclick  ModalOKButton Click    gt           lt  asp Panel gt       lt  ContentTemplate gt   lt  asp updatepanel gt

User · Answer

I was just searching for a solution for this :)

it appears that you can't have OkControlID assign to a control if you want to that control fires an event, just removing this property I got everything working again.

my code (working):

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

User · Answer

I ve found a way to validate a modalpopup without a postback   In the ModalPopupExtender I set the OnOkScript to a function e g ValidateBeforePostBack    then in the function I call Page ClientValidate for the validation group I want  do a check and if it fails  keep the modalpopup showing  If it passes  I call   doPostBack   function ValidateBeforePostBack          Page ClientValidate  MyValidationGroupName          if  Page IsValid      doPostBack                 else    find  mpeBehaviourID   show

User · Answer

It appears that a button that is used as the OK or CANCEL button for a ModalPopupExtender cannot have a click event   I tested this out by removing the   OkControlID  ModalOKButton    from the ModalPopupExtender tag  and the button click fires   I ll need to figure out another way to send the data to the server

User · Answer

None of the previous answers worked for me  I called the postback of the button on the OnOkScript event    lt div gt       lt cc1 ModalPopupExtender PopupControlID  Panel1            ID  ModalPopupExtender1           runat  server  TargetControlID  LinkButton1  OkControlID  Ok            OnOkScript    doPostBack  Ok       gt       lt  cc1 ModalPopupExtender gt        lt asp LinkButton ID  LinkButton1  runat  server  gt LinkButton lt  asp LinkButton gt    lt  div gt             lt asp Panel ID  Panel1  runat  server  gt       lt asp Button ID  Ok  runat  server  Text  Ok  onclick  Ok Click    gt               lt  asp Panel gt

User · Answer

Aspx   lt ajax ModalPopupExtender runat  server  ID  modalPop               PopupControlID  pnlpopup               TargetControlID  btnGo                BackgroundCssClass  modalBackground               DropShadow  true               CancelControlID  btnCancel  X  470  Y  300      gt      Codebehind     protected void OkButton Clicked object sender  EventArgs e                 modalPop Hide              Do something in codebehind         And don t set the OK button as OkControlID

User · Answer

It could also be that the button needs to have CausesValidation  false   That worked for me

User · Answer

I was just searching for a solution for this :)

it appears that you can't have OkControlID assign to a control if you want to that control fires an event, just removing this property I got everything working again.

my code (working):

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

User · Answer

None of the previous answers worked for me  I called the postback of the button on the OnOkScript event    lt div gt       lt cc1 ModalPopupExtender PopupControlID  Panel1            ID  ModalPopupExtender1           runat  server  TargetControlID  LinkButton1  OkControlID  Ok            OnOkScript    doPostBack  Ok       gt       lt  cc1 ModalPopupExtender gt        lt asp LinkButton ID  LinkButton1  runat  server  gt LinkButton lt  asp LinkButton gt    lt  div gt             lt asp Panel ID  Panel1  runat  server  gt       lt asp Button ID  Ok  runat  server  Text  Ok  onclick  Ok Click    gt               lt  asp Panel gt

User · Answer

Put into the Button-Control the Attribute  UseSubmitBehavior false

User · Answer

I often use a blank label as the TargetControlID  ex   lt asp Label ID  lblghost  runat  server  Text      gt    I ve seen two things that cause the click event not fire  1  you have to remove the OKControlID  as others have mentioned   2  If you are using field validators you should add CausesValidation  false  on the button   Both scenarios behaved the same way for me

[asp.net] ModalPopupExtender OK Button click event not firing?

Examples related to asp.net

Examples related to asp.net-ajax

Examples related to updatepanel

Examples related to modalpopupextender