Bug double ModalPopup

**Champouil** · 14/06/2011, 15h42

Bonjour,

Pour mon application web, je doit enchainer 2 modalPopup.

En gros j'ouvre le premier popup via un bouton sur la page puis j'ai moyen d'ouvrir le 2eme popup avec un bouton situé sur le premier (seul 1 des 2 peut être visible en même temps, l'autre est cacher).
Le premier popup contient un ListView binder sur le formulaire du 2eme popup.

Mon problème est que lorsque je suis sur le 2eme popup et que je reviens sur le 1er, les bouton situées en dessous de ma ListView ne sont plus sur le panel (qui me sert de popup) ... mais sur ma page de base

De ce fait aucun moyen de clicker dessus étant donner qu'une fois le popup afficher on à pas moyen d'accéder à la page.

PS: J'utilise des ModalPopupExtender Ajax

**jbrasselet** · 14/06/2011, 15h49

Un peu de code ne ferait pas de mal car là je ne vois pas d'où peut venir le problème

**Champouil** · 14/06/2011, 15h57

Oui désolé, voilà le popup (panel) qui déconne :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<asp:Panel ID="PNewLine" runat="server" CssClass="ModalWindow" Width="800px" Height="610px">
                <div style="text-align:center;margin-bottom:20px;"><h2>Nouvelle commande</h2></div>
                <table cellspacing="15px" width="90%" style="margin:0px 15px 0px 45px;border:1px indent Gray;">
                    <tr>
                        <td>
                            Ref OSM :
                        </td>
                        <td>
                            <asp:TextBox ID="TbRefOSM" runat="server" Width="150px"></asp:TextBox>
                        </td>
                        <td style="width:20px; border-left:1px solid Gray;" >
                        </td>
                        <td>
                            Type de mission :
                        </td>
                        <td>
                            <asp:DropDownList ID="DDlType" runat="server" Width="156px">
                                <asp:ListItem Text="AT" Value="0" Selected="True" />
                                <asp:ListItem Text="ATG" Value="1" />
                                <asp:ListItem Text="Infogérance" Value="2" />
                                <asp:ListItem Text="Négoce" Value="3" />
                            </asp:DropDownList>
                        </td>
                    </tr>
 
                </table>
                <br />
                <table cellspacing="15px" width="90%">
                    <tr align="center">
                        <asp:ListView ID="LvInterInMission" runat="server" ItemPlaceholderID="itemPlaceHolder" OnItemDataBound="LvInterInMission_ItemDataBound">
                        <LayoutTemplate>
                            <table id="Table1" width="80%" class="CUListHeader" runat="server" cellspacing="0" border="0">
                                <tr>
                                    <td align="center">
                                        Intervenant
                                    </td>
                                    <td align="center">
                                        Projet
                                    </td>
                                    <td align="center">
                                        Date de début
                                    </td>
                                    <td align="center">
                                        Date de fin prévue
                                    </td>
                                </tr>
                                <tr id="itemPlaceHolder" runat="server"></tr>
                            </table>
                        </LayoutTemplate>
                        <ItemTemplate>
                            <tr id="myRow" runat="server">
                                <td align="center">
                                    <asp:Label ID="LvLabInter" runat="server" Text='<%#Eval("Intervenant") %>'></asp:Label>
                                </td>
                                <td align="center">
                                    <asp:Label ID="LvLabProjet" runat="server" Text='<%#Eval("NomProjet")%>'></asp:Label>
                                </td>
                                <td align="center">
                                    <asp:Label ID="LvLabDateDebut" runat="server" Text='<%#Eval("DateDebut")%>'></asp:Label>
                                </td>
                                <td align="center">
                                    <asp:Label ID="LvLabDateFin" runat="server" Text='<%#Eval("DateFinPrevue")%>'></asp:Label>
                                </td>
                            </tr>
                        </ItemTemplate>
                        <EmptyDataTemplate>
                            <asp:Label ID="LabelEmpty" runat="server" Text="Aucune missions associées."></asp:Label>
                        </EmptyDataTemplate>
                     </asp:ListView>
                    </tr>
                    <tr align="center">
                        <td colspan="5">
                            <asp:Button ID="BAddMission" runat="server" OnClick="BAddMission_Click" Text="Missionner un intervenant" />
                        </td>
                    </tr>
                    <tr align="center">
                        <td colspan="5">
                        <div style="padding-top:25px">
                            <asp:Button ID="SaveCmd" runat="server" Text="Enregistrer" width="80px" onClick="SaveCmd_Click" />
                             &nbsp;&nbsp;
                            <asp:Button ID="CancelCmd" runat="server" Text="Annuler" Width="80px" />
                            </div>
                        </td>
                    </tr>
                </table>
            </asp:Panel>

Le switch entre les 2 popup se fait tout simplement :

Code :

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

1
2
3
 
modalPopup1.Hide();
modalPopup2.Show();

Bien sur il y à un peu de code-behind mais rien qui pourrait faire bouger les boutons.
Je peux rajouter les images aussi car c'est assez étrange comme bug

**jbrasselet** · 14/06/2011, 16h05

Met une copie d'écran éventuellement.
Si tu ne caches pas le premier tu as le même comportement ?

**Champouil** · 14/06/2011, 16h32

Alors voilà ce que ca donne, pour commencer les 2 popup, la 2eme apparait après le click sur le bouton "Missionner un intervenant" sur la 1ere :

Et ici la première popup bugger, les bouton ne s'affiche plus sur le panel mais en bas de la page :

On dirait en plus que les bouton viennent se greffer sur la masterPage

PS : pour répondre à ta question, si je ne cache pas la première popup, elle ne s'affiche plus une fois l'autre fermé. Mais j'ai toujours le même problème.

**jbrasselet** · 14/06/2011, 16h36

Vérifie le code html on dirait que l'affichage de ta liste provoque la fermeture de ta modal (un </div> en trop ?)
Éventuellement poste le code html de ta page générée.

Sinon, sans cacher la première, tu peux sur le click fermer de ta deuxième popup faire un modalPopup1.show();

**Champouil** · 14/06/2011, 16h54

Alors j'ai regarder le resultat HTML avec firebug et ... c'est magnifique.

En gros, mes ligne de table qui contienne mes bouton ne sont plus lié à la table du popup mais ... à la table de la masterPage

J'ai essayer de coller mes bouton dans des <div> au lieu d'un Table mais c'est pareil.

Edit : Les bouton sont greffer après le Table de la masterPage si je les met dans des <div>

**jbrasselet** · 14/06/2011, 17h02

Essaye (peut-être) d'englober tout ton panel dans un div supplémentaire ?
NB : oui c'est de la bidouille mais on verra bien

**Champouil** · 14/06/2011, 17h17

Bon j'ai trouvé le declencheur, c'est le listview.

je lui ai coller des info en dur pour voir et dès qu'il contient quelque chose, mes boutons se barrent.

**Champouil** · 14/06/2011, 17h22

Voilà j'ai trouvé la solution, apparement les listView ne supporte pas d'être dans un Table (ou inversement).

Du coup je l'ai sorti du table et l'ai mis tout seul dans un div et ca marche nickel.

N'empeche que le coup des boutons qui se greffe dans la masterPage c'etait pas mal

Merci pour tes réponses

**jbrasselet** · 14/06/2011, 17h22

Oui en effet très étrange.
Pense au bouton

Bug double ModalPopup

ASP.NET

Discussions similaires

Partager

Partager