filtre sur fichier xml

Version imprimable

Salut,

Voilà je voudrais faire quelques choses mais je ne sais pas si c'est possible, j'espère que vous me direz oui^^.
Donc j'ai un fichier xml comme suit:
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 <?xml version="1.0" encoding="UTF-8" ?> <root> <contact> <id_contact>1</id_contact> <nom>emma</nom> <mail>test@mail.com</mail> <info>info</info> </contact> <contact num=3> <id_contact>3</id_contact> <nom>julien</nom> <mail>julien</mail> <info>julien</info> </contact> <contact> <id_contact>4</id_contact> <nom>marc</nom> <mail>marc</mail> <info>marc</info> </contact> <contact> <id_contact>5</id_contact> <nom>infoa</nom> <mail>mailc</mail> <info>infob</info> </contact> </root>
Depuis flex j'aimerais pouvoir grâce à des dropdownlist faire des filtres qui me permettront d'afficher que certain contact dans un datagrid. J'ai une dropdown list qui me propose de choisir tout les attributs du contact par exemple nom, mail... mon deuxième dropdownlist me propose en fonction du premier choix les valeurs de ces attributs par exemple si je choisit nom il me proposera emma,marc,julien...
Donc depuis flex je récupère les chois dans des variables string.
Ce que j'aimerais faire et qui me pose problème c'est pouvoir donc pouvoir afficher la ligne qui m'affichera seulement les données de emma par exemple si je choisit ce nom.
J'avais pensé à quelque chose du genre:
Code:

1 2 var valeur:XMLListCollection = new XMLListCollection(fichierXML.contact.nom==emma); dataGrid.dataProvider=valeur;
Voilà en faite j'aimerais savoir quoi mettre à la place de nom==emma

Merci

20/01/2011, 13h39
Krazymins

Salut,
ne pourrais tu pas plutôt remplir ta datagrid à partir de ton xml, et appliquer une filterFunction à ta grid , en fonction des valeurs sélectionnées dans les combobox ?
20/01/2011, 14h09
xclue

Oui ça fonctionnerait aussi, mais comment implémenter tout ça tu as une idée?
20/01/2011, 14h44
Krazymins
Oui ce n'est pas bien compliqué, mais il va falloir que tu cherches un peu de ton côté aussi ;), d'autant plus que les articles sur ce genre de sujet sont nombreux sur la toile ..
Je risque de faire de la paraphrase de mon post précédent, mais voici en gros ce que tu dois faire :

- Récupérer ton xml, remplir le dataprovider de ta datagrid avec les données
2 exemples : (http://journal.third-road.net/2007/0...s-donnees-xml/, et http://journal.third-road.net/2007/0...s-donnees-xml/)
- affecter une filterFunction sur la grid :
Code:

1 2 <mx:AdvancedDatagrid id="myDG" filterFunction="myDGFilterFunction" />
Et la filterfunction :

Citation:

private function myDGFilterFunction(obj:Object):Boolean {
var containsSurname:Boolean = (obj.name == mySurnameCombobox.selectedLabel);
var containsFirstname:Boolean = (obj.prenom == myfirstnameCombobox.selectedLabel);
var res:Boolean = containsSurname && containsFirstname;
return res;
}

Pour chaque item de ton dataprovider il vérifie la condition spécifiée. si celle-ci est vérifiée (res == true), alors la donnée est affichée et le contraire si res == false.
20/01/2011, 15h38
xclue

Ok merci j'ai cherché et j'ai compris j'arrive à faire ma fonction de tri, le soucis c'est que j'ai une erreur

Code:

<mx:DataGrid x="10" y="10" id="dataGrid" height="342" width="722" filterFunction="myDGFilterFunction">

Apparemment je peux pas mettre l'attribut filterfunction sur mon datagrid.

J'obtiens l'erreur: impossible de résoudre l'attribut filterfunction pour le type de composant ... datatgrid.
20/01/2011, 15h48
Krazymins

Oui car tu utilises une datagrid, et non une advancedDatagrid. N'oublie pas de jeter un coup d'oeil dans la doc ...

J'ai peut être trouvé une solution mais je suis pas sur,
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 protected function drop2_changeHandler(event:IndexChangeEvent):void { var valeur:XMLListCollection = new XMLListCollection(); valeur.filterFunction = filtre1; valeur.refresh(); dataGrid.dataProvider=valeur; } private function filtre1(obj:Object):Boolean { var critere:String=drop1.selectedItem; var var1:String=drop2.selectedItem; return obj[critere]==var1; }
Voilà mes 2 fonctions je récupère les noms sélectionnés dans mes2 dropdownlist, j'applique le filtre sur mon XMLListCollection crée pour contenir le résultat, dans ma fonction de filtre je retourne l'objet pour le critère choisit et la valeur du critère par exemple critère = nom et var1 = emma. Je pense que c'est ici que ça ne vas pas ou alors je me trompe complétement?

20/01/2011, 16h39
Krazymins
Dans ta filterFunction, ce ne serait pas plutôt :
Code:

1 2 var critere:String=drop1.selectedLabel; var var1:String=drop2.selectedLabel;
20/01/2011, 16h43
xclue

Non quand j'essaie de mettre cette syntaxe j'obtiens cette erreur:

1119: Accès à la propriété selectedLabel peut-être non définie, via la référence de type static spark.components:DropDownList.

Je comprend pas pourquoi mon code fonctionne pas j'ai beau chercher je vois pas mon erreur alors que je doit l'avoir sous le nez
20/01/2011, 16h49
Krazymins

Est-ce que tu pourrais nous montrer un peu plus de ton code stp, ce sera plus facile pour t'aider (les dropdowns, la DG, la filterFunction , la fonction init si tu en as une etc ..)

ok voila le code

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
protected function drop1_changeHandler(event:IndexChangeEvent):void
{
	var critere:String=drop1.selectedItem;
	drop2.enabled=true;
	drop2.prompt="Selectionnez un résultat";
	var panel:int=tn.selectedIndex;
	if ( panel==0 ){
		var valeur:XMLListCollection = new XMLListCollection(fichierXML.contact[critere]);		
		drop2.dataProvider=valeur;
	}
	else if ( panel==1){
		var valeur:XMLListCollection = new XMLListCollection(fichierXML2.organisme[critere]);
		drop2.dataProvider=valeur;
	}
}
 
protected function drop2_changeHandler(event:IndexChangeEvent):void
{
 
	var valeur:XMLListCollection = new XMLListCollection();
	valeur.filterFunction = filtre1;
	valeur.refresh();
	dataGrid.dataProvider=valeur;
}
 
private function filtre1(obj:Object):Boolean {
	var critere:String=drop1.selectedItem;
	var var1:String=drop2.selectedItem;
	return obj.contact[critere]==var1;
} 
 
protected function refresh_clickHandler(event:MouseEvent):void{
	dataGrid.dataProvider=fichierXML.contact;	
}

Voilà tout ce que j'ai j'espère que sa vous aidera

Bonjour,

C'est une implémentation que je fais souvent et je me dis que faire partager ma façon de faire (fonctionnelle) pourrait aider :

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
<mx:Script>
  <![CDATA[
 
  private function filtre1(item:Object):Boolean
  {
    var validite:Boolean = true;
 
    if(cbForce.selectedItem && cbForce.selectedItem.FORCE_DE_VENTE != "Tous")
      validite &&= (item.FORCE_DE_VENTE == cbForce.selectedItem.FORCE_DE_VENTE);
    if(cbEditeur.selectedItem && cbEditeur.selectedItem.EDITEUR != "Tous")
      validite &&= (item.EDITEUR == cbEditeur.selectedItem.EDITEUR);
    if(cbClient.selectedItem && cbClient.selectedItem.CLIENT != "Tous")
      validite &&= (item.CLIENT == cbClient.selectedItem.CLIENT);
    if(cbDebut.selectedItem && cbDebut.selectedItem.DEBUT != "Tous")
      validite &&= (item.DEBUT == cbDebut.selectedItem.DEBUT);
    if(cbTaux.selectedItem && cbTaux.selectedItem.TAUX != "Tous")
      validite &&= (item.TAUX == cbTaux.selectedItem.TAUX);
 
    return validite;
  }
 
  ]]>
</mx:Script>
 
//Mes filtres
<mx:HBox paddingBottom="15">
  <mx:ComboBox id="cbForce" labelField="FORCE_DE_VENTE" change="provider.refresh()" width="100" />
  <mx:ComboBox id="cbEditeur" labelField="EDITEUR" change="provider.refresh()" width="100" />
  <mx:ComboBox id="cbClient" labelField="CLIENT" change="provider.refresh()" width="100" />
  <mx:ComboBox id="cbDebut" labelField="DEBUT" change="provider.refresh()" width="100" labelFunction="formatComboFR" />
  <mx:ComboBox id="cbTaux" labelField="TAUX" change="provider.refresh()" width="100" />
</mx:HBox>
 
//Ma Datagrid
<mx:DataGrid id="liste1" width="100%" height="100%" dataProvider="{provider}" allowMultipleSelection="true" >
  <mx:columns>
    <mx:DataGridColumn dataField="FORCE_DE_VENTE" headerText="Force de vente" width="100" />
    <mx:DataGridColumn dataField="EDITEUR" headerText="Editeur" width="100" />
    <mx:DataGridColumn dataField="CLIENT" headerText="Client" width="100" />
    <mx:DataGridColumn dataField="DEBUT" headerText="Date début" width="100" labelFunction="formatGridFR" />
    <mx:DataGridColumn dataField="TAUX" headerText="Taux" width="100" />
  </mx:columns>
</mx:DataGrid>

Cette solution gère les cas de :
- bug de sélection dans les combobox (cbForce.selectedItem && ...)
- possibibilité de tout avoir (chaque combobox contient la valeur "Tous")
- plusieurs filtres combinés

A remarquer aussi la façon que le provider de la DataGrid est déclaré qu'une seule fois
ainsi que l'évènement "change" des combobox qui vont provoquer le refresh du provider directement.

Attention le provider doit être déclaré bindable comme ceci :

Code:

[Bindable] private var provider:XMLListCollection;

J'espère que ceci aidera, bon courage :ccool:

25/01/2011, 13h26
xclue

Merci de ta réponse je regarderais ça ce week end car mes cours on repris et j'ai pas trop de temps, je vous tien au courant pour les tests merci encore :)