Remplir un data grid avec fichier XML externe

Version imprimable

Bonjour,
Comme beaucoup je me lance dans la programmation FLEX.
J'utilise le plugg in eclipse et je souhaite remplir un datagrid avec un fichier XML externe. Apres avoir parcouru qques articles sur le web j'ai bien réussi a affiché dans un FormItem la valeur d'un attribut de mon fichier mais je ne parvient pas remplir mon DataGrid de manière statique et eventuellement de maniere dynamique.
Je post mon code (qui est assez simple).
Merci de votre aide.
Le code mxml :

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
<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
   <mx:XML id="fichierXML" source="MyXML.xml"/>
    <mx:Panel title="DataBase Employee" height="100%" width="100%" 
        paddingTop="10" paddingLeft="10" paddingRight="10">
 
        <mx:Label width="100%" color="blue"
            text="Select a row in the DataGrid control."/>
 
        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="1" dataProvider="{fichierXML}">
            <mx:columns>
                <mx:DataGridColumn dataField="{fichierXML.personne[0].adresse.nom}" headerText="Name"/>
                <mx:DataGridColumn dataField="{fichierXML.personne[0].adresse.prenom}" headerText="Phone"/>
                <mx:DataGridColumn dataField="{fichierXML.personne[0].adresse.nom}" headerText="Email"/>
            </mx:columns>
        </mx:DataGrid>
 
        <mx:Form width="100%" height="100%">
            <mx:FormItem label="Name">
                <mx:Label text="{fichierXML.personne[1].adresse.nom}"/>
            </mx:FormItem>
            <mx:FormItem label="Prenom">
                <mx:Label text="{fichierXML.personne[1].adresse.prenom}"/>
            </mx:FormItem>
            <mx:FormItem label="Street">
                <mx:Label text="{fichierXML.personne[1].adresse.@numero}-{fichierXML.personne[1].adresse.@rue}"/>
            </mx:FormItem>
        </mx:Form>
 
    </mx:Panel>
</mx:Application>

Le contenu de mon fichier xml :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?xml version="1.0" encoding="UTF-8"?>
<root>
	<personne>
		<adresse rue="rue de la liberation" numero="36" >
			<nom>Franck</nom>
			<prenom>Michael</prenom>
		</adresse>
	</personne>			
	<personne>
		<adresse rue="boulevard hoch" numero="13" >
			<nom>Arthur</nom>
			<prenom>Rambo</prenom>
		</adresse>
	</personne>
	<personne>
		<adresse rue="avenue leclerc" numero="45" >
			<nom>Nina</nom>
			<prenom>Simone</prenom>
		</adresse>
	</personne>
</root>

18/07/2008, 19h12
Jim_Nastiq

tu as un exemple simple dans un article que j'ai écrit sur mon blog

regarde bien comment dans mon renderer je choisit l'élément de mon ficier xml que je souaites afficer (data.tonElement) ;)

Salam skunkies,

J'ai modifié ton code pour que ça marche, avec un changement du formulaire à chaque fois que tu click sur une ligne du Datagrid :)

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
	<mx:XML id="fichierXML" source="MyXML.xml"/>
	<mx:Panel title="DataBase Employee" height="100%" width="100%" 
        paddingTop="10" paddingLeft="10" paddingRight="10">
 
        <mx:Label width="100%" color="blue"
            text="Select a row in the DataGrid control."/>
 
        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="1" dataProvider="{fichierXML.personne.adresse}">
            <mx:columns>
                <mx:DataGridColumn dataField="nom" headerText="Nom"/>
                <mx:DataGridColumn dataField="prenom" headerText="Prenom"/>
            </mx:columns>
        </mx:DataGrid>
 
        <mx:Form width="100%" height="100%">
            <mx:FormItem label="Nom">
                <mx:Label text="{dg.selectedItem.nom}"/>
            </mx:FormItem>
            <mx:FormItem label="Prenom">
                <mx:Label text="{dg.selectedItem.prenom}"/>
            </mx:FormItem>
            <mx:FormItem label="Adresse">
                <mx:Label text="{dg.selectedItem.@numero}-{dg.selectedItem.@rue}"/>
            </mx:FormItem>
        </mx:Form>
	</mx:Panel>

19/08/2008, 15h14
ttone
A droite de chaque ligne du DataGrid, je place un Button,

le click du Button exécute une méthode download(var:URLRequest), donc var est gettée depuis le dataProvider.

Naivement j'ai codé ca, qui est incohérent :
Code:

1 2 3 4 <mx:Repeater dataProvider="{srv.lastResult.dataType}"> <mx:Button label="telecharger" click="download({currentItem.downloadURl})"/> </mx:Repeater>
y a t il une solution plus simple qu'implémenter tout le système de providing dans la fonction download ?

Merci
19/08/2008, 16h09
Fares BELHAOUAS

Salam ttone,

Est-ce que ton post est une question ou une réponse? en plus ça rentre dans quel sujet? je ne comprends pas.
19/08/2008, 18h50
ttone

Mmmm désolé, c'est vrai que c'est limite HorsSujet.
Disons qu'avec un mx:Repeater on est un peu dans le remplissage d'un DataGrid, disons dans le remplissage en général avec un dataProvider.

J'ouvre un topic pour ca...