ModalPopupExtender L'événement de clic sur le bouton OK ne se déclenche pas ?

Question

J'ai un bouton à l'intérieur d'un UpdatePanel. Le bouton est utilisé comme bouton OK pour un ModalPopupExtender. Pour une raison quelconque, l'événement de clic sur le bouton ne se déclenche pas. Une idée ? Ai-je oublié quelque chose ?

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

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

Et ne définissez pas le bouton OK comme OkControlID.

Answer 2

Il semble qu'un bouton utilisé comme bouton OK ou CANCEL pour un ModalPopupExtender ne puisse pas avoir d'événement de clic. J'ai testé cela en supprimant l'événement

OkControlID="ModalOKButton"

de la balise ModalPopupExtender, et le clic sur le bouton se déclenche. Je vais devoir trouver un autre moyen d'envoyer les données au serveur.

Answer 3

Il se peut également que le bouton ait besoin d'avoir CausesValidation="false". Cela a fonctionné pour moi.

Answer 4

Je cherchais justement une solution à ce problème :)

il semble que vous ne puissiez pas avoir OkControlID assigner à un contrôle si vous voulez que ce contrôle déclenche un événement, il suffit de supprimer cette propriété pour que tout fonctionne à nouveau.

mon code (qui fonctionne) :

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

Answer 5

Placez dans le contrôle de bouton l'attribut "UseSubmitBehavior=false".