[FLASH 8] DataGrid - tri par rapport à la colonne

Version imprimable

02/12/2005, 12h11
aldo-tlse

[FLASH 8] DataGrid - tri par rapport à la colonne

est-il possible d'appliquer un tri particulier, dans un dataGrid, en fonction de la colonne ?

sur la colonne nom, je souhaite appliquer un tri alpha
sur la colonne date de naissance, un tri par date
...

mais fonction de tri sont deja definit et ne me pose aucun pb....

Merci d'avance
02/12/2005, 12h19
ekameleon

Hello :)
Le DataGrid possède un model qu'on appelle le DataProvider... tu as lu la doc des composants à ce sujet ? Dedans tu verras que le dataProvider (qui est un tableau d'objet un peu particulier) permet de trier le contenu.
PS : attention ... le tri interne de flash est le plus rapide que tu puisses avoir sur un tableau ! Cela ne sert à rien de trier tes tableaux avec tes propres fonctions si la fonction de tri existe déjà :)
Il faut bien regarder la classe Array à ce sujet et les méthodes sortOn et sort que la classe DataProvider utilise justement ;)

EKA+ :)
02/12/2005, 12h25
aldo-tlse

[FLASH 8] DataGrid - tri par rapport à la colonne

ok !

en fait, comment fais-tu pour detecter que c'est la premiere colonne ou la deuxieme qui est demandée ?

a propos de mon tri personnalisé : j'utilise un tri par rapport au date (au format : jj/mm/aaaa)

j'ai recherché pour voir s'il n'existait pas deja, mais j'ai rien trouvé alors je l'ai implémenté
lol

s'il existe, merci de me prevenir
lol
:D
02/12/2005, 13h06
ekameleon

Les colonnes sont des objet de type DataColumn ou un truc dans le genre... le nom des colonnes c'est le nom des propriétés dans ton objet pour chaque ligne.... du coup tu peux trier par "field" (champ) ton tableau assez facilement et tu peux placer ta propre fonction de tri pour trier par date ou autre qui n'est pas un tri par défaut du DataGrid.. tout est dans l'aide en lisant doucement ce qui concerne le DataProvider et le DataGrid.
Pour le tri des dates.. faut trier sur new Date().getTimer() ... transforme ta date en objet Date.. affiche le avec un DateFormatter (voir dans les classes de macromedia) et tu pourras facilement trier tes dates :)

EKA+ :)
02/12/2005, 14h46
aldo-tlse

alors j'utilise sortItemsBy

dans le premier paramètre, je specifie le fieldName : dateNaissance

il me faudrait aussi specifier, la function de comparaison que je souhaite appliquer, n'est-ce pas ?

je ne comprends pas, il est possible de la passer en parametre de sortItems, mais pas de sortItemsBy ?

sortItems cela va comparer les objets dans chaque case du tableau du dataProvider...
tu fais une fonction style :
Code:

1 2 3 4 5 6 7 8 var compare = function (item1, item2) { var date1 = item1.date.getTimer() ; var date2 = item2.date.getTimer() ; if (date1 > date2) return 1 ; else if (date1 == date2) return 0 ; else return -1 ; }
et c'est tout... item1 et item2 cela va être les objet dans ton tableau :)
Là dans mon exemple je considère que date c'est une propriété de type Date !
EKA+ :)

02/12/2005, 15h13
aldo-tlse

ha ok

dans mon cas, dateNaissance est un champ string,
contenant la date au format jj/mm/aaaa
et je voudrai appliquer une fonction compare personnalisée

c'est pas possible ?

oui tu peux.. tu fais pareil qu'au dessus... tu coupe la chaine de caractère de la propriété qui t'intéresse .. tu peux en faire un tableau par exemple (voir méthode de la classe String)... enfin moi .. si j'étais toi je ferais un truc du style :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
var stringToDate = function ( format:String ) {
      // ici je décompose ma chaine de caractère en 3 nombres pour le mois, l'année et le jour
      var year = .... ; 
      var month = ... ; 
      var day = .... ; 
      var d = new Date( year, month, day) ;
      return d ;
}
 
var compare = function (item1, item2) {
      var date1 = stringToDate(item1.date).getTimer() ; // date champ ayant pour format jj/mm/aaaa 
      var date2 = stringToDate(item2.date).getTimer() ;
      if (date1 > date2) return 1 ;
      else if (date1 == date2) return 0 ;
      else return -1 ;
}

Bon c'est qu'une ébauche hein :) A toi de faire le reste ;)

EKA+ :)

mais mon pb ne vient pas de la function de comparaison...

je n'arrive pas à trier mon dataGrid par rapport a une colonne, avec un tri personnaliser (que j'ai deja et qui marche)
Code:

1 2 3 4 5 6 7 8 9 10 var myListener = new Object(); myListener.headerRelease = function(event) { // trace("column " + event.columnIndex + " header was pressed"); if (event.columnIndex == 4) { trace("Tri par DN.."); event.dataProvider.sortItemsBy("dateNaiss", orderDate); } }; liste.data.addEventListener("headerRelease", myListener);

02/12/2005, 15h38
ekameleon

hello :)

Dans ton objet renvoyé par la fonction callback de ton événement :) Tu as 2 propriétés importantes dans l'API EventDispatcher : type et target !
Du coup faut pas oublier que ev... c'est pas le composant mais ev.target !
Donc pour chopper ton dataProvider faut taper : ev.target.dataProvider :)

N'hésite pas à utiliser des trace() pour voir quand tu fais des erreurs :) Je vois que tu l'utilises mais là tu l'as pas fait comme il faut je pense ;)
Je pense que ton problème vient déjà de là :)
Aprés faut voir la suite :)

EKA+ :)
02/12/2005, 16h28
aldo-tlse

ha oui, merci,