Modifier dynamiquement le contenu d'une TitleList

Version imprimable

Bonjour,

J'ai deux ComboBox (Année et mois) qui déterminer les données à afficher dans une TiltleList.

Que dois-je faire dans "closeHandlerCbxAnnee" pour modifier les données afficher dans ma TileList lorsque la comboBox est fermée ?

Je ne sais pas si je dois modifier le dataProvider ou bien recharger les données dans le tableau "stats" ?
Dans les deux cas, je n'ai aucune idée de la syntaxe à utiliser ?

Merci d'avance.

PS : Je débute en Flex.

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
 
   <mx:Script>
        <![CDATA[
 
            import mx.collections.ArrayCollection;
 
            [Bindable]
            private var stats:ArrayCollection;
 
            private function init():void
            {
                stats = new ArrayCollection(model.statistique);
            }
            private function closeHandlerCbxAnnee(event:Event):void {
            	var sannee:String = ComboBox(event.target).selectedItem.label;
            	var annee:int =  parseInt(sannee) ;
            	var mois:int = 1 ;         	
				searchItemByAAAAMM(annee,mois);
            } 
 
        ]]>
    </mx:Script>
 
<mx:ComboBox name="anneeCbx" x="21" y="19" width="79" dataProvider="{annee}" labelField="name" close="closeHandlerCbxAnnee(event);" ></mx:ComboBox>
<mx:ComboBox name="moisCbx" x="105" y="19" width="109" dataProvider="{mois}" labelField="name" fillAlphas="[0.0, 0.0, 0.0, 0.0]"></mx:ComboBox>
 
<mx:Panel x="250" y="76" title="Statistiques Mensuelles KparK" width="470" height="478" layout="absolute" visible="true">
		<mx:TabNavigator id="tn"  width="420" height="377" color="0x323232"  x="10" y="26">
		        <!-- Define each panel using a VBox container. -->		        
		        <mx:VBox label="Semaine 1">
		            	<mx:TileList name="tl1" dataProvider="{stats}" x="297" y="76" maxColumns="4" width="403" height="329" borderStyle="none" itemRenderer="statRender">		            	
		            	</mx:TileList>
		        </mx:VBox>
		    </mx:TabNavigator>
</mx:Panel>

21/08/2009, 14h05
jylaxx

1- Mauvaise idée d'utiliser l'événement "close" de la combo. En effet cet événement traduit la fermeture de la liste déroulante. On peut très bien fermer cette liste sans sélectionner de valeur et on peut très bien sélectionner une valeur sans ouvrir cette liste...

2- Sauf si ton "handler" est utilisé par plusieurs objets et que dans ton traitement tu dois accèder à des valeurs spécifiques de chaque objet, il est plus simple de donner un "id" à ta combo (cmbAnnee ici) et d'écrire :

Code:

var annee:int = parseInt( cmbAnnees.text);

3- Dans la mesure où "stats" est "Bindable" il suffit de le mettre à jour pour que tous les composants liés se réactualisent automatiquement avec les nouvelles valeurs.

J'ai suivi tes recommandations :

Comment mettre à jour le tableau "stats" dynamiquement en sachant que les donnée sont présentes sous forme d'un fichier XML?

J'utilise actuellement ceci pour alimenter mon tableau :

Code:

<mx:Model id="model" source="ressources/test_statistique.xml"/>

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
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="734" themeColor="#D8B735" alpha="1.0" borderStyle="solid" borderThickness="5" borderColor="#F34A0F"
	applicationComplete="init()"
	>
 
   <mx:Script>
        <![CDATA[
 
            import mx.collections.ArrayCollection;
 
            [Bindable]
            private var stats:ArrayCollection;
 
            private function init():void
            {
                stats = new ArrayCollection(model.statistique);
            }
            private function closeHandlerCbx():void {
            	//var sannee:String = ComboBox(event.target).selectedItem.label;
            	var annee:int =  parseInt(anneeCbx.value.toString()) ;
            	var mois:int = parseInt(moisCbx.text) ;         	
				searchItemByAAAAMM(annee,mois);
            }  
            private function searchItemByAAAAMM(annee:int,mois:int):void {
 
            <!-- Comment faire pour mettre a jour ?-->
				stats = new ArrayCollection(model.statistique); <!-- ??????? -->
            }            
 
 
 
        ]]>
    </mx:Script>
 
 
	<mx:Model id="model" source="ressources/test_statistique.xml"/>
 
 
	<mx:ComboBox id="anneeCbx" x="21" y="19" width="79" dataProvider="{annee}" labelField="name" close="closeHandlerCbx();" ></mx:ComboBox>
	<mx:ComboBox id="moisCbx" x="105" y="19" width="109" dataProvider="{mois}" labelField="name" fillAlphas="[0.0, 0.0, 0.0, 0.0]"></mx:ComboBox>
 
    <mx:Tree id="myTree" width="211" height="321" labelField="@label"
        showRoot="false" dataProvider="{treeData}"  x="21" y="76"/>    
    <mx:Panel x="250" y="76" title="Statistiques Mensuelles KparK" width="470" height="478" layout="absolute" visible="true">
		<mx:TabNavigator id="tn"  width="420" height="377" color="0x323232"  x="10" y="26">
		        <!-- Define each panel using a VBox container. -->		        
		        <mx:VBox label="Semaine 1">
		            	<mx:TileList id="tl1" name="tl1" dataProvider="{stats}" x="297" y="76" maxColumns="4" width="403" height="329" borderStyle="none" itemRenderer="statRender">		            	
		            	</mx:TileList>
		        </mx:VBox>
 
		    </mx:TabNavigator>	
		<mx:ComboBox x="22" y="10" width="111" dataProvider="{magasin}" labelField="name"  ></mx:ComboBox>
    </mx:Panel>	
 
</mx:Application>

21/08/2009, 18h47
clavier12AZQSWX

Citation:

Comment mettre à jour le tableau "stats" dynamiquement en sachant que les donnée sont présentes sous forme d'un fichier XML?

dynamiquement ?
c'est-à-dire ?

1 ) quand tu as choisi tes critères mois / année ?
2) ou quand le fichier XML a évolué ?
21/08/2009, 18h57
jylaxx

Citation:

Comment mettre à jour le tableau "stats" dynamiquement en sachant que les donnée sont présentes sous forme d'un fichier XML?

Désolé mais je ne connais pas l'objet Modele...
Peut-être a-t'il une méthode du genre refresh() ou reload() ?
24/08/2009, 11h16
Nexussmb

Michael,

Je souhaite mettre à jour la liste lorsque l'une des comboBox est modifiée.
Pour l'instant la balise

Code:

<mx:Model id="model" source="ressources/test_statistique.xml"/>

me permet de lire un fichier XML dont le contenu est affiché dans ma liste.

Mais je souhaiterai qu'a chaque changement d'un comboBox, un autre fichier soit lu (ex : fichier2009_01.xml pour janvier 2009).

A+
24/08/2009, 12h13
Krazymins

Citation:

Envoyé par Nexussmb

Mais je souhaiterai qu'a chaque changement d'un comboBox, un autre fichier soit lu (ex : fichier2009_01.xml pour janvier 2009).

Tu veux dire que ta combobox contient une liste de fichier xml, et pour un nom de fichier selectionné, on charge son contenu dans la liste ?
24/08/2009, 14h37
Nexussmb

Oui c'est bien ça !

Si tu essayais par exemple de passer par une variable la source de ton model.

dans ce genre là :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<mx:Script>
        <![CDATA[
 
            [Bindable]
            private var fichierXML:String;  
 
            public function onChangeCbx(e:event):void{
                fichierXML = "fichier" + anneeCbx.selectedItem.name + "_" + moisCbx.selectedItem.name + ".xml";
            }
 
        ]]>
</mx:Script>
 
<mx:Model id="model" source="{fichierXML}"/>
<mx:ComboBox id="anneeCbx" dataProvider="{annee}" labelField="name" change="onChangeCbx"/>
<mx:ComboBox id="moisCbx" dataProvider="{mois}" labelField="name" change="onChangeCbx"/>

pas sûr que ça marche complètement (je ne suis pas certain que les bindings "à la chaîne" fonctionnnent) mais il peut il y avoir de l'idée