Popup modale Ajax dans un control datalist

Version imprimable

Bonjour :pc:,

J'ai laissé un message dans une autre discussion, mais comme elle a le tag résolu, je pense qu'il y a peu de chance que j'obtienne une réponse:oops:.

Mon problème concerne la gestion d'une popup Ajax de type ModalPopupExtender via une datalist.

Il est vrai que je suis du genre à me compliquer la vie car j'ai une application avec un masterpage, dans la page j'ai une datalist imbriquée dans une autre.

Sur la datalist imbriquée, j'ai un bouton qui, lorsque je clique dessus doit m'ouvrir une fenêtre modale dans laquelle je saisirai des informations (un RDV dans mon cas)

Je me suis fortement inspiré de l'exemple de l'ajaxtoolkit et ça fonctionne presque puisque j'affiche bien la modale, mais voici les problèmes que je rencontre:

1 - Comme j'ai limité la taille du "content", j'ai une scrollbar imbriquée parcqu'il peut y avoir beaucoup d'enregistrements. Ce qu'il se passe, c'est que lorsque je clique sur le bouton d'un enregistrement qui est en bas de ma liste, la popup s'affiche en haut de la liste. Je ne la vois donc pas à moins de remonter. Je me suis aperçu que la fonction "RepositionMode" ne fonctionnait que par rapport au navigateur et pas par rapport à mon contrôle (dur dur!!) :aie:

2 - Je pense avoir mis des valeurs quasi identiques par rapport à l'exemple de l'ajaxtoolkit mais pourtant, quand je clique sur l'entête pour faire le drag n' drop, la fenêtre "descend". Ce qui fait que lorsque je fait le drag, le curseur de la souris est 4-5 lignes au dessus de la fenêtre, ça donne un rendu bizarre.:evilred::mur:

Voici le code de la popup:

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
 
                                <ajaxToolKit:ModalPopupExtender 
                                    ID="PopupExtenderAjoutRDV" 
                                    runat="server"
                                    TargetControlID="ImgRDV" 
                                    PopupControlID="PanelPopUpAjoutRDV" 
                                    CancelControlID="btnAnnulerRDV" 
                                    BackgroundCssClass="modalBackground" 
                                    PopupDragHandleControlID="AddRDV" 
                                    DropShadow="true" 
                                    RepositionMode="RepositionOnWindowScroll" 
                                    >
                                </ajaxToolKit:ModalPopupExtender>
 
                                <asp:Panel 
                                    ID="PanelPopUpAjoutRDV" 
                                    runat="server" 
                                    Style="display: none;" Width="400px">
 
                                    <asp:Panel 
	                                    ID="AddRDV" 
	                                    runat="server"  
	                                    Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black" 
	                                    Height="30px"
	                                    >
                                        <asp:Label 
                                            ID="LabelRDVTitlePopup" 
                                            runat="server" 
                                            Text="Ajouter un nouveau rendez-vous" /> 
                                    </asp:Panel>
                                    <asp:Panel 
                                        ID="InfoRDV" 
                                        runat="server"
                                        CssClass="Popup"
                                        Height="400px"
                                        >
                                    </asp:Panel>	
                                <asp:Button 
                                    ID="btnAnnulerRDV" 
                                    runat="server" 
                                    CausesValidation="false" 
                                    Text="Annuler" />
 
                                </asp:Panel>

Merci par avance,
Fab :arf:

15/12/2008, 16h40
Fabby69

Décidément, je n'ai pas de chance. A chaque fois que je pose une question, je n'ai pas de réponse, à croire que j'essaie de faire des trucs de fou.

Cela fait plusieurs jours que je cherche et franchement, je ne m'en sors pas. Je pense qu'avec un contrôle de type datalist c'est trop complexe pour un résultat pas forcément significatif.

J'essaie de m'orienter vers une autre solution: la fonction window.showModalDialog

Je voulais éviter d'utiliser du javascript mais je ne vois pas trop comment faire autrement.

Par contre, je parcours internet et les différents forums et j'ai du mal à trouver un exemple d'utilisation complet (je ne trouve que des bribes de codes que je ne sais pas assembler).

Quelqu'un aurait-il un exemple de page aspx utilisant cette fonction? L'ojectif est d'ouvrir une page contenant un formulaire sous forme d'une popup modale et une fois terminé de revenir sur la page appelante.

Merci d'avance
07/03/2009, 15h30
mekongboy

Hello,

J'ai le même soucis que toi lors du drag and drop.
As tu trouvé une solution?

Mekongboy
07/03/2009, 16h22
mekongboy

C'est bon j'ai trouvé la solution. Mais je n'ai testé que sous IE7.
C'est la propriété CSS "position" qui génère ce problème. Il faut la définir à fixed et top et left à 0, pour le div qui contient ton modalpopupextender.

Si tu veux plus de détails, contact moi par MP