The simplest alternative is to override the drawRowBackgrounds method, duplicating the base functionality but removing the alternatingItemColors style check.

override protected function drawRowBackground(s:Sprite,
        rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void
  	    {
  	    	var newColor:uint;
	  			switch(dataIndex)
...

use the dataIndex… not the rowIndex

The code in the post is the complete sample, aside from replacing with . Do keep in mind that the code is over two years old and Flex has evolved significantly in that time, so it's entirely possible (and probably likely) that it doesn't work with the current framework.

thanks
kandasami raja.c

kandaraja @ gmail . com

I honestly don't know. I'd imagine it's just a matter of implementing the passed rowColoringFunction to use the right offsets. I haven't done any Flex development in a long; we gave up on the platform and switched to doing everything with JS. Fewer platform-specific problems, far faster development, easier testing, etc.

The thing is that I have the list with a vertical scroll bar…. If, for instance, the second item is "orange", when is scroll down the third item will become orange. If I scroll once more the fourth is "orange", etc…

I want the colour to be attached to the actual ITEM… not to the index shown on screen!.

Can you help please.

Thanks,
Chris.

That function gets passed in the index of the current row, both in the grid and in the data provider, so you should be able to use those to figure out what data (in your provider) the row is fronting, and do whatever logic is needed from there. I'm not exactly sure how that would work with a Tree (since the data is hierarchical), but the same idea should work.

public class RowColoringList extends List {

replaced with this one:

public class RowColoringDataGrid extends DataGrid {

Obviously the import line needs to change as well.