Bug double ModalPopup

Version imprimable

14/06/2011, 15h42
Champouil

Bug double ModalPopup

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 :aie:
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
14/06/2011, 15h49
jbrasselet

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

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

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

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

14/06/2011, 16h05
jbrasselet

Met une copie d'écran éventuellement.
Si tu ne caches pas le premier tu as le même comportement ?
14/06/2011, 16h32
Champouil

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 :

http://nsa20.casimages.com/img/2011/...3007912206.jpg http://nsa19.casimages.com/img/2011/...3214245364.jpg

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

http://nsa19.casimages.com/img/2011/...3250721642.jpg

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

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.
14/06/2011, 16h36
jbrasselet

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();
14/06/2011, 16h54
Champouil

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

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>
14/06/2011, 17h02
jbrasselet

Essaye (peut-être) d'englober tout ton panel dans un div supplémentaire ?
NB : oui c'est de la bidouille mais on verra bien :aie:
14/06/2011, 17h17
Champouil

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.
14/06/2011, 17h22
Champouil

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

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

Merci pour tes réponses :ccool:
14/06/2011, 17h22
jbrasselet

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