Discussion :

[Aleim]

Bonjour,

Je débute en Flex et j'ai une question concernant un souci que j'ai rencontré.

Je reprends une application développée en Flex/Java pour l'améliorer. Je rencontre un problème : lorsque je définis certaines propriétés de style (ex : mettre un BG à un canvas, mettre en text-align=left les colonnes d'un datagrid), elles ne sont pas prises en compte. (pour ces deux cas, le BG du canvas reste transparent, le texte reste centré au milieu)

Je me suis donc demandée s'il y avait pas un style défini pour toute l'appli qui prend le dessus. Il y a bien une feuille de style CSS dans l'application, mais à priori, il n'y a rien dedans qui corresponde à mes propriétés qui ne marchent pas. J'ai aussi essayé de mettre dans le css le style que je veux appliquer... Rien ne change.
Je viens aussi d'essayer moncanvas.setStyle("BackgroundColor", "#FFFFFF"); dans le .as ...

Avez-vous des pistes de recherches pour m'aiguiller à trouver la solution ?

Merci beaucoup,
Lucile

[ellene]

Aurais tu un exemple de code CSS que tu as écrit ? Où l'as tu déclaré dans ton application ? As tu essayé de le définir en MXML par exemple ?

[Aleim]

Pour visualiser l'archi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<s:BorderContainer id="grille" height="463" width="928" x="0" y="60">
   <mx:DataGrid id="grilleRapports" allowMultipleSelection="false" dataProvider="{_adminScreenForm.appelres}" itemClick="showWindow();getFluxDonneesComm()" borderStyle="solid" borderThickness="1"  width="927" height="461" x="0" y="0">
      <mx:columns>
           <mx:DataGridColumn id="coldate" itemRenderer="..." resizable="false" width="152" textAlign="left"/>
           <mx:DataGridColumn id="colin"   itemRenderer="..." width="350" textAlign="left"/>
           <mx:DataGridColumn id="colout"   itemRenderer="..." textAlign="left"/>
           <mx:DataGridColumn id="colinf"   itemRenderer="..." width="60" textAlign="left"/>
      </mx:columns>
   </mx:DataGrid>
</s:BorderContainer>
<mx:Canvas id="detailPanel" y="60" height="463" width="759" x="169"  backgroundColor="#DAD3C6" backgroundAlpha="1.0" visible="false" borderStyle="solid" borderThickness="1" borderColor="#000000">
   <mx:DataGrid .... />
</mx:Canvas>

Je sais à présent que ça ne vient pas du CSS, ni du code mxml (copié collé dans un nouveau projet, ça marche bien) j'ai remarqué quelques petites choses...

le canvas detailpanel n'applique aucune couleur de fond. J'ai cependant remarqué que si j'agrandissais des labels fils du canvas de façon à ce que des scrolls apparaissent, la couleur de fond est prise en compte. Mais sans scroll, pas de couleur de fond... A la limite ça ne me gène pas trop, j'ai mis une image à la place.

La plupart des soucis s'appliquent sur la datagrid "grillerapports" : le tri des colonnes est bien censé être quelque chose de natif aux datagrid ? quand je clique une fois sur un entête de colonne, il y a une ligne qui bouge, et aucune logique de tri (ni alphabétique, ni rien) puis si je veux re-cliquer, sur un autre entête ou le même, plus rien ne se passe ...
J'utilise des itemrenderers, ça a un impact sur le tri des colonnes ?

Merci,
Lucile

[ellene]

J'utilise des itemrenderers, ça a un impact sur le tri des colonnes ?

En fait oui, il faudrait que tu redéfinisses la fonction de comparaison du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

private function maFonctionDeTri(itemA:Object, itemB:Object):int {

Voici un exemple avec des dates : http://blog.flexexamples.com/2007/08...in-a-datagrid/

[Aleim]

Merci Ellene,
ça marche parfaitement !

Donc si j'ai bien compris, en présence d'un item renderer, le tri natif ne peut pas s'effectuer car il ne sait plus quoi comparer, vu qu'il ne sait pas ce qu'il y a comme objets dans la colonne.

En somme, j'avais divers petits problèmes que j'ai catalogué comme étant une même anomalie... Reste mon histoire de background mais je vais considérer comme résolu, c'est pas important ! (et sûrement une broutille dans le même genre...)

Merci encore pour l'aide et la réactivité,

Lucile

[Aleim]

Petit up pour dire que j'ai trouvé pourquoi les propriétés de style comme les backgroud, border etc ne marchaient pas avec certains composants.

Dans FlashBuilder, en allant sur "Flex Theme", j'étais positionnée sur "AeonGraphical" comme style. En mettant sur "Halo", mes propriétés ont été reconnues.

Voilà pour le fin mot de l'histoire !

(PS:Je n'ai pas réussi à éditer mon message précédent pour éviter le double post. On ne peut pas éditer quand c'est résolu ?)