Flex AdvancedDataGrid – Tri sur plusieurs colonnes (Sort et sortExpertMode)
Par défaut, le composant AdvancedDataGrid affiche la donnée dans l'ordre spécifié dans le dataProvider. Le composant AdvancedDataGrid permet de trier la donnée après que le composant l'ait affichée, dans une ou plusieurs colonnes.
Pour désactiver le tri (sorting) pour tout le composant AdvancedDataGrid, fixez la propriété AdvancedDataGrid.sortableColumns à false. Pour désactiver le tri sur une seule colonne, fixez la propriété AdvancedDataGridColumn.sortable à false.
La propriété sortExpertMode
La façon par laquelle vous triez plusieurs colonnes est basée sur la valeur de la propriété sortExpertMode. Par défaut, sortExpertMode est à false. Ce paramètre indique que vous cliquez sur une tête de colonne pour trier les lignes d'un composant AdvancedDataGrid par cette colonne. Vous pouvez ensuite cliquer dans la zone de tri multiple (Multiple Column Sort Area) pour trier par d'autre colonne. Pour utiliser la touche Control (Ctrl) pour sélectionner chaque colonne (après la première), fixez la propriété sortExpertMode à true.
L'exemple suivant montre un composant AdvancedDataGrid avec trois colonnes et la propriété sortExpertMode à false:
Tri de colonnes avec sortExpertMode à false:
- Cliquez dans l'en-tête de n'importe quelle colonne du composant AdvancedDataGrid pour trier selon cette colonne. Par exemple cliquez sur "Artist" pour trier selon cette colonne dans l'ordre ascendant. Cliquez une nouvelle fois pour inverser l'ordre.
- Cliquez dans la partie de tri multiple de n'importe quelle autre colonne. Par exemple, cliquez sur la zone de tri multiple de la colonne Price pour la trier dans l'ordre ascendant, alors que la colonne Artist est dans l'ordre descendant. Vous pouvez ainsi trouver l'album le moins cher pour chaque artiste.
- Cliquez sur la zone de tri multiple de la colonne Price à nouveau pour inverser son ordre.
- Cliquez sur la zone de tri multiple de n'importe quelle autre colonne pour les intégrer au tri
Flex AdvancedDataGrid – Les fonctionnalités du composant AdvancedDataGrid
Le composant Flex AdvancedDataGrid étend les possibilités du composant DataGrid standard pour pouvoir mieux représenter votre donnée. On a ainsi un meilleur contrôle sur l'affichage, les regroupements et le formatage.
Voici les principales fonctionnalités de l'AdvancedDataGrid:
- Tri sur plusieurs colonnes: Trier votre données selon plusieurs critères en cliquant sur les en-têtes de colonne.
- Appliquer un style sur les lignes et les colonnes: En utilisant le propriété styleFunction, vous pourrez spécifier un fonction qui va déterminer le style à appliquer aux lignes/colonnes du composant
- Affichage de données groupées/hiérarchiques: Vous pouvez intégrer un arbre dans un colonne pour contrôler quelles lignes doivent être affichées
- Regroupement de colonnes: Regroupez la donnée de plusieurs colonnes dans une seule en-tête
- Utilisation d'ItemRenderers: Avec l'AdvancedDataGrid, vous pourrez afficher une seule donnée sur plusieurs colonnes ou utilisez plusieurs item renderer pour la même colonne.
- Possibilité de ré-ordonner et de redimensionner les colonnes de la table
Affichage de données groupées/hiérarchiques
Un des aspects les plus importants du composant AdvancedDataGrid est le support des données hiérarchiques ou groupées. Une donnée dite hiérarchique est une donnée déjà structurée avec des éléments parents et enfants. Une donnée dite groupée est une donnée "à plat" (flat) sans hiérarchie. Avant de passer cette donnée à plat au composant AdvancedDataGrid, pour pouvez spécifier un ou plusieurs champ qui vont être utilisés pour grouper la donnée.
Mes projets (Open Source)
Autres
