Discussion :

[stefsas]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[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é.

[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 CS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
protected void Bouton_Deconnexion_Click(object sender, ImageClickEventArgs e)
        {
            Response.Redirect("Default.aspx");
        }

Merci.

[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é.