évenements sur DateChooser

Version imprimable

15/07/2009, 12h06
gasper06

évenements sur DateChooser

Bonjour un toutes et a tous

Comme le titre l'indique je veux faire apparaitre quelques dates précises dans mon DateChooser en rouge sans survol ou clique!!!!!!!!!!

Merci pour votre aide.
15/07/2009, 13h28
Jim_Nastiq

Salut,

tu as tenté quoi? nous sommes la pour t'accompagner sur un problème mais fait nous part de tes recherches au moins, nous ne sommes pas la pour te donner des solutions clés en mains ;)

Merci pour ta réponse jim, mai spermet moi de dire :

Citation:

nous ne sommes pas la pour te donner des solutions clés en mains

Je ne demande pas çà, non? y a pas quoi dire d'autres a part que je veux que des dates précises s'affiches avec une couleur diffirente (en rouge par exemple).
Pour l'instant j'affiche un ToolTip quand je clic sur la date que je veux si c'est pas la date rien ne se passe.
Code:

1 2 3 4 5 6 7 8 9 10 11 private function affiche(date:Date):void { var gap:uint = getStyle("verticalGap") as uint; var paddingTop:uint = getStyle("paddingTop") as uint; trace(gap); var s:String = "Prochaine diffusion le : \r" + date.getDate() + "/" + (date.getMonth()+1).toString() + "/" + date.getFullYear().toString() + "."; var assa:String = date.getDate() + "/" + (date.getMonth()+1).toString() + "/" + date.getFullYear().toString(); if (assa=="22/7/2009"){ myTip = ToolTipManager.createToolTip(s,gap,paddingTop) as ToolTip;} }
Dans le MXML j'ai

Code:

<mx:DateChooser change="affiche(DateChooser(event.target).selectedDate)"

Ce que j'aimerai avoir c'est que la date 22/7/2009 soit en rouge et en cliquant j'ai le ToolTip.

Merci

15/07/2009, 14h35
ellene

Avant de commencer, as tu regarder la documentation ? Il y a pas mal d'exemple et je pense que tu pourras trouver ton bonheur ;).

http://livedocs.adobe.com/flex/3/htm...ntrols_12.html

Bonne lecture
16/07/2009, 13h43
gasper06

Bonjour

Oui j'ai trouvé mon bonheur en fin, presque .........

Comment forcer les dates choisies a rester en couleurs diffirentes? Car dans ce code dès qu'on clique sur le calendrier çà disparait.

Et merci Ellène pour ton aide (comme d'habitude ;))
16/07/2009, 17h05
ellene

Petites questions :

Tu ne veux faire que de la visualisation ?
C'est juste pour afficher des dates sélectionnées ?

Si c'est le cas tu mets ton datechooser en disabled et tu sélectionnes les dates qui vont bien avec selectedRanges.

Je n'ai pas testé mais ça doit être possible non ?

bonjour

Citation:

Tu ne veux faire que de la visualisation ?

Oui je veux faire montrer des dates précises.

Citation:

C'est juste pour afficher des dates sélectionnées ?

Et au survol ou en cliquant sur l'une des dates un tooltip s'affiche.

J'ai essayé de disabledDays="[0,1,...,6]" touts les jours et après de les rendre séléctionnable mais çà ne marche pas.
Voila ou j'en suis :

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
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
    <mx:Script>
        <![CDATA[
        	import mx.managers.ToolTipManager;
 			import mx.controls.ToolTip;
 			import mx.events.ItemClickEvent;
 
			public var msg:ToolTip;
			public var tabDate:Array=[];         
 
            public function affiche():void {
                var dateRanges:Array = [];
                for (var i:int=0; i<shows.show.length(); i++) { 
                    var cDate:Date = new Date(shows.show[i].showDate.toString());
                    tabDate[i]=cDate;         
                    var cDateObject:Object = {rangeStart:cDate, rangeEnd:cDate};
                    dateRanges.push(cDateObject);            	 
                }
                dc1.selectedRanges = dateRanges; //çà sélectionne les deux dates dans le fichier XML
            } 
 
            private function affichToolTip(date:Date):void
            {
            	var gap:uint = getStyle("verticalGap") as uint;
  				var paddingTop:uint = getStyle("paddingTop") as uint;
  	 			trace(gap);
  	 			for (var i:int=0; i<tabDate.length; i++) {
  	 				//Le tooltip
     				var s:String = "Prochaine diffusion le : \r" + date.getDate() +
                        "/" + (date.getMonth()+1).toString() + "/" + date.getFullYear().toString() + ".";
     				var assa:String = date.getDate() +
                        "/" + (date.getMonth()+1).toString() + "/" + date.getFullYear().toString();
           			var laDateString:String = tabDate[i].getDate()+"/"+(tabDate[i].getMonth()+1).toString()+
           			"/"+tabDate[i].getFullYear().toString();
           			//Affiche le tooltip si la date est dans le fichier XML
           			if (assa==laDateString){
    					msg = ToolTipManager.createToolTip(s,gap,paddingTop) as ToolTip;
     					msg.setStyle("backgroundColor","red");
     					msg.width = 160;
     					msg.height = 60;
    					msg.x = mouseX;
     					msg.y = mouseY;
            		}
     			}
            }     
 
            private function destroyToolTip(event:MouseEvent):void 
            {
     			ToolTipManager.destroyToolTip(msg);
  			}     
        ]]>
    </mx:Script>
 
    <mx:Style>
		ToolTip {
		      fontSize: 12;
		}
	</mx:Style>
 
    <!-- Define the data for the DateChooser -->    
    <mx:XML id="shows" format="e4x">
     <data>
        <show>
         <showID>1</showID>
         <showDate>07/18/2009</showDate>
         <showTime>10:45am/11:15am</showTime>
        </show>
        <show>
         <showID>2</showID>
         <showDate>07/15/2009</showDate>
         <showTime>7:00pm</showTime>
        </show>
     </data>
    </mx:XML>
 
    <mx:DateChooser id="dc1" 
        showToday="true" selectionColor="red"
        creationComplete="affiche()"  
        change="affichToolTip(DateChooser(event.target).selectedDate)"
        rollOut="destroyToolTip(event)"/>
 
</mx:Application>

En excutant le code vous verrez les deux dates qui sont dans le fichier XML en rouge mais a chaque clic sur une autre date ou sur l'une d'elles la sélection diparait.
J'aimerai arriver a les laisser en rouge tout le temps. :oops:
Merci pour vos aides (BIG UP ellène)