Dynamically set DataGrid row colors individually

programming flash
1

I have a datagrid. It is populated dynamically by an XML file. I need to be able to set each row’s text color seperately. For example, if my variable “type” is “urgent”, it would be a red text color.

I’ve spent almost 2 hours trying to figure this out. I’ve tried setStyle, setRendererStyle, setTextFormat and many more and dozens of combinations. Any thoughts? I know its simple cause I think I’ve done it before.

import fl.controls.DataGrid;
import fl.controls.dataGridClasses.DataGridColumn;
import fl.data.DataProvider;

var dp:DataProvider = new DataProvider();
//for example, the line below would be RED font
dp.addItem({num:"0962", time:"8:15:42 PM", type:"TRAFFIC ADVISORY", loc:"NB I215 AT 4TH ST", area:"TEMECULA"});
//for example, this line below would be ORANGE font
dp.addItem({num:"0797", time:"5:40:10 PM", type:"TRAFFIC HAZARD", loc:"SB I5 JNO WASHINGTON ST", area:"SAN DIEGO"});

var colA:DataGridColumn = new DataGridColumn("num");
var colB:DataGridColumn = new DataGridColumn("time");
var colC:DataGridColumn = new DataGridColumn("type");
var colD:DataGridColumn = new DataGridColumn("loc");
var colE:DataGridColumn = new DataGridColumn("area");

var myDataGrid:DataGrid = new DataGrid();
myDataGrid.addColumn(colA);
myDataGrid.addColumn(colB);
myDataGrid.addColumn(colC);
myDataGrid.addColumn(colD);
myDataGrid.addColumn(colE);
myDataGrid.dataProvider = dp;
myDataGrid.width = 800;
myDataGrid.rowCount = myDataGrid.length;
myDataGrid.move(10, 10);
addChild(myDataGrid);