itemRenderer 必须根据给它们显示的数据更改自己。如果列表的 itemRenderer 要根据数据值更改其颜色, 它必须查看获得的数据并更改自己。

 <mx:DataGrid x="29" y="303" width="694" height="190" dataProvider="{testData.book}" variableRowHeight="true"> <mx:columns> <mx:DataGridColumn headerText="Pub Date" dataField="date" width="85" /> <mx:DataGridColumn headerText="Author" dataField="author" width="125"/> <mx:DataGridColumn headerText="Title" dataField="title"> <mx:itemRenderer> <mx:Component> <mx:HBox paddingLeft="2">

<mx:Script>

<![CDATA[

override public function set data( value:Object ) : void {

 super.data = value; var today:Number = (new Date()).time;

var pubDate:Number = Date.parse(data.date);

 if( pubDate > today ) setStyle("backgroundColor",0xff99ff);

 else setStyle("backgroundColor",0xffffff);

}

]]>

</mx:Script>

<mx:Image source="{data.image}" width="50" height="50" scaleContent="true" /> <mx:Text width="100%" text="{data.title}" /> </mx:HBox> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns></mx:DataGrid>