Different Colours shown on DataGrid

[bb1234_00]

Hi,

   I would like to show some rows with different colours from others.  Like the following tables :-

row1

row2

row3

row4

I guess one of the best answers making use of XML + cascade stylesheet. Is this correct? If yes, please suggest how to do this. Thanks very much.

[Elsa]

Hmm seems to be less than straightforward  :-/

I've found this example that might help you:
http://www.everythingflex.com/blog/1/2006/07/DataGrid-Row-Colors.cfm

[flexy]

You'll need to extend the dataGrid component, and override the row colour setting to allow you to conditionally set it.

I found this LINK REMOVED which might help you construct your Class.

Looks fairly straight-forward, let us know how you get on with it!

[Elsa]

Haha

You cheeky sod that's the same thing I linked to!
Just because you think it's straightforward  Mr. Actionscript

Straightforward would be being able to define it in JUST the (bastardised)CSS.

 

[flexy]

Just because you think it's straightforward  Mr. Actionscript

Not that easy, but probably the easiest! Definitely right about the CSS, would make sense to be able to reference rows, like 'getRowAt'... but that'd be way too easy, and give me nothing to do.

I'm shifting (stealing) this post to the AS3 section, as it's more related to that than MXML.

[bb1234_00]

Thx Elsa and Flexy. I got it.

[flexy]

Hey great! Glad that fixed it for you.  

[flexy]

More examples/tutorials here:

http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&postId=61&productId=2

http://blog.everythingflex.com/2006/07/27/datagrid-row-colors/

http://butterfliesandbugs.wordpress.com/2007/07/11/using-an-itemrenderer-to-change-the-background-of-a-datagrid-cell/