DataFilterLib – Filtrage simple d'une liste
Voici le premier tutorial sur la DataFilterLib. Celui-ci présente un exemple très simple d'application de cette librairie. On pourrait bien sûr créer le même exemple avec une simple filterFunction mais le but est simplement d'expliquer le fonctionnement des composants de filtrage.
La donnée
La donnée est un ArrayCollection remplit d'objets ayant la forme:
{ companies: 162, employees: 4875, payroll: 219348, sales: 562931, state: "Alabama", population: 4486508 }
On a 51 objets de ce type représentant chacun un état US avec des indicateurs associés. On va associer cet ArrayCollection comme dataProvider d'une DataGrid pour afficher son contenu. Cet ArrayCollection porte le nom "statesData"
Le filtre utilisé issu de la DataFilterLib (StartsWith)
On va maintenant permettre à l'utilisateur final de filtrer la donnée. Pour cela, on ajoute un champ texte dans lequel l'utilisateur va entrer les premières lettres de l'état qu'il recherche. Ne seront affichés dans la DataGrid que les résultats correspondant à ce filtre. Dans cette application, le champ texte (TextInput) est nommé "stateInput". La propriété qui nous intéresse ici est "stateInput.text" (la valeur entrée).
On va maintenant ajouter un filtre issu de la DataFilterLib. Tout d'abord, téléchargez le dernier SWC de la DataFilterLib et pensez bien à référencer le SWC dans votre projet.
Télécharger la DataFilterLib (SWC)
Il existe à ce jour 2 types de filtres dans la DataFilterLib, présents dans la classe DataFilterType:
Mes projets (Open Source)
Autres
