Discussion :

[edophie]

Bonjour
J'utilise un datagrid pour afficher un tableau.
J'aimerai qu'1 colonne ait une autre couleur.
voici le code :

Code :

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

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
44
45
46
47
48
 
import mx.utils.Delegate;
import mx.controls.gridclasses.DataGridColumn;
 
import mx.styles.CSSStyleDeclaration;
// ----- Header style -----
 
valeurs_dg.styleName = "myStyleHeader";
valeurs_dg.fontFamily = "Arial Greek";
valeurs_dg.fontSize = 9;
valeurs_dg.fontWeight = "bold";
valeurs_dg.textAlign = "center";
valeurs_dg.color = 0x000099;
valeurs_dg.setStyle("headerStyle", styleHeader);
valeurs_dg.setHeaderHeight(20);
valeurs_dg.setStyle("headerColor", 0xcde4f6);
//couleur du tableau ligne et colonne
valeurs_dg.setStyle("hGridLines", true);
valeurs_dg.setStyle("hGridLineColor", 0xcde4f6);
valeurs_dg.setStyle("vGridLines", false);
valeurs_dg.setStyle("vGridLineColor", 0x991111);
//couleurs alternée
// -----  -----
valeurs_dg.setStyle("alternatingRowColors", Array(0xFFFFFF, 0xF7F7F7));
 
 
 
 
 
 
// -----  DataGrid -----
// Create columns for datagrid
valeurs_dg.columnNames = ["code_isin","libelle","quantite_total", "achat_moyen","pourcentage","dateValeur"];
//customize columns
var col:mx.controls.gridclasses.DataGridColumn;
var totalWidth:Number = 0;
//
col = valeurs_dg.getColumnAt(0);
col.width = 70;
col.headerText = "ISIN";
col.cellRenderer("0x000000");
totalWidth += col.width;
//
col = valeurs_dg.getColumnAt(1);
col.width = 70;
col.headerText = "Libellé";
totalWidth += col.width;
//

la couleur du texte est bleu.
j'aimerai que la colonne ISIN soit noir.
mais mon code ne fonctionne pas.
Pourquoi ?
Merci

[jean philippe]

salut
essaie comme ceci :

Code :

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

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
import mx.utils.Delegate;
import mx.controls.gridclasses.DataGridColumn;
import mx.styles.CSSStyleDeclaration;
// ----- Header style -----
valeurs_dg.styleName = "myStyleHeader";
valeurs_dg.fontFamily = "Arial Greek";
valeurs_dg.fontSize = 9;
valeurs_dg.fontWeight = "bold";
valeurs_dg.textAlign = "center";
valeurs_dg.color = 0x000099;
valeurs_dg.setStyle("headerStyle", styleHeader);
valeurs_dg.setHeaderHeight(20);
valeurs_dg.setStyle("headerColor", 0xcde4f6);
//couleur du tableau ligne et colonne
valeurs_dg.setStyle("hGridLines", true);
valeurs_dg.setStyle("hGridLineColor", 0xcde4f6);
valeurs_dg.setStyle("vGridLines", false);
valeurs_dg.setStyle("vGridLineColor", 0x991111);
//couleurs alternée
// -----  -----
valeurs_dg.setStyle("alternatingRowColors", Array(0xFFFFFF, 0xF7F7F7));
// -----  DataGrid -----
// Create columns for datagrid
valeurs_dg.columnNames = ["code_isin", "libelle", "quantite_total", "achat_moyen", "pourcentage", "dateValeur"];
//customize columns
var col:mx.controls.gridclasses.DataGridColumn;
var totalWidth:Number = 0;
//
col = valeurs_dg.getColumnAt(0);
col.width = 70;
col.headerText = "ISIN";
totalWidth += col.width;
//
col = valeurs_dg.getColumnAt(1);
col.width = 70;
col.headerText = "Libellé";
totalWidth += col.width;
//
valeurs_dg.getColumnAt(0).setStyle("backgroundColor", 0x000000);

[edophie]

Super, est il possible de colorier qu'1 seule case ?

[jean philippe]

dans ce cas utilise un clip et cellrenderer

[edophie]

Est ce que tu aurais un exemple ?
Car sur Google, je n'en ai pas trouvé.
Merci beaucoup