Utilisation contrôle ModalPopupExtender

Version imprimable

Bonjour,

J'ai intégrer dans ma page ASP.net un bouton image correspondant à une déconnexion. Je voudrais appliquer sur celui-ci le contrôle ModalPopupExtender afin de pouvoir avoir une boîte de confirmation (Oui/Non) sous la forme d'une fenêtre modale.

J'ai réalisé le code suivant mais lorsque je clique sur mon bouton image Déconnexion, ma fenêtre modale ne se lance pas.

Voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager>
 
 <%-- Menu de navigation --%>
    <div id="navigation"> 
        <p class="boutonNav">
        <asp:ImageButton ID="BoutonAccueil" runat="server" ImageUrl="Images_Projet/Images/accueil.png" width="35" height="35" OnClick="Bouton_Accueil_Click"  /> </p>
      <p class="TexteNav">  Accueil</p>  <hr />
 
      <p class="boutonNav">
      <asp:ImageButton ID="BoutonDeconnexion" runat="server" ImageUrl="Images_Projet/Images/Deconnexion.png" width="35" height="35" OnClick="Bouton_Deconnexion_Click"  /></p>
      <p class="TexteNav"> Déconnexion</p>  
      <hr />
   </div>
 
 
    <asp:Panel ID="Panel1" runat="server" BackColor="Yellow">
    <div style="margin:10px">
     Voulez-vous vous déconnecter ? <br /><br />
        <asp:Button ID="BoutonOK" runat="server" Text="Oui" Width="40px"/>
        <asp:Button ID="BoutonCancel" runat="server" Text="Non" Width="40px" />
    </div>
    </asp:Panel>
 
  <asp:ModalPopupExtender ID="ModalPopupControlDeconnexion" runat="server" TargetControlID="BoutonDeconnexion" PopupControlID="ControlDeconnexion" OkControlID="BoutonOK" CancelControlID="BoutonCancel">
    </asp:ModalPopupExtender>

Si quelqu'un voit d'où vient le problème ?

Merci d'avance.

17/05/2010, 13h25
Nicolas Esprit

Bonjour,

Lorsque tu cliques sur ton bouton, le ModalPopUpExtender va afficher le Panel via javascript. Or, tu gères l'event OnClick de ton bouton, et donc il y a un postback lors du clic, ainsi tu n'as pas le temps de voir ton PopUp apparaître.

Dans ton code-behind, et plus précisément dans la méthode Bouton_Deconnexion_Click, tu pourrais utiliser la méthode Show de l'Extender.

En espérant t'avoir aidé.
18/05/2010, 09h33
stefsas
En fait, je m'était trompé de PopupControlID.

Par contre, comment je peux faire pour récupérer ma valeur (oui/non) de ma fenêtre modale dans mon code behind de sorte que lorsque je clique sur oui, mon lien est activé.

Voilà mon code behind :
Code:

1 2 3 4 protected void Bouton_Deconnexion_Click(object sender, ImageClickEventArgs e) { Response.Redirect("Default.aspx"); }
Merci.
18/05/2010, 09h39
Nicolas Esprit

Bonjour,

Le plus simple serait que le bouton déconnexion ne déclenche pas de PostBack, mais affiche simplement le PopUp. Ensuite, c'est le bouton OK de ton PopUp qui déclenchera un PostBack pour exécuter le Redirect.

En espérant t'avoir aidé.