Форум Flasher.ru - Окрасить строку в DataGrid от spark

override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void {
var renderer:IListItemRenderer = indexToItemRenderer(dataIndex);
var data:Object = renderer.data;
//color = function(data)
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}

Вот нашел такой код:

Код AS3:

<mx:XML id="testData" xmlns="">

                <root>

                <book>

                    <author>Peter F. Hamilton</author>

                    <title>Pandora Star</title>

                    <image>assets/pandoras_star_.jpg</image>

                    <date>Dec 3, 2004</date>

                </book>

                <book>

                        <author>Peter F. Hamilton</author>

                    <title>Judas Unchained</title>

                    <image>assets/judas_unchained.jpg</image>

                    <date>Feb 28, 2006</date>

                </book>

                </root>

        </mx:XML>

 

 

<mx:DataGrid id="dataGrid" x="29" y="303" width="694" height="190" dataProvider="{testData.book}" variableRowHeight="true">

                <mx:columns>

                        <mx:DataGridColumn headerText="Title" dataField="title">

                                <mx:itemRenderer>

                                        <mx:Component>

                                                <mx:HBox paddingLeft="0">

                                                        <mx:Script>

                                                        <![CDATA[

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

                                                                        super.data = value;

                                                                        setStyle("backgroundColor",0xff0000);

                                                                }

                                                        ]]>

                                                        </mx:Script>

                                                        <mx:Text id="mytext" width="100%" text="{data.title}" />

                                                </mx:HBox>

                                        </mx:Component>

                                </mx:itemRenderer>

                        </mx:DataGridColumn>

                </mx:columns>

        </mx:DataGrid>

Не могу понять... Помогите разобраться. Задача такая: Как добавлять динамически данные? у меня просто структура XML несколько другая. И при выводе данных должны присутствовать if(). Как в данном случае добавлять данные в dataGrid? XML при этом меняться не должна. До этого я создавал ArrayCollection и добавлял данные из XML уже туда используя if() и другое. Но как при этом использовать set data?
Ну и соответственно цвет должен меняться в зависимости от данных...
Спасибо

<mx:XML id="testData" xmlns="">
<root>
<book><author>Peter F. Hamilton</author><title>Pandora Star</title><image>assets/pandoras_star_.jpg</image><date>Dec 3, 2004</date></book>
<book><author>Peter F. Hamilton</author><title>Judas Unchained</title><image>assets/judas_unchained.jpg</image><date>Feb 28, 2006</date></book>
</root>
</mx:XML>
<fx:Script>
<![CDATA[
public function setColor(item:Object):String {
if (item.title == "Pandora Star") return "#00ff00";
return "#ff0000";
}
]]>
</fx:Script>
<fx:Declarations>
<mx:ArrayCollection id="books" list="{testData.book}"/>
</fx:Declarations>
<mx:DataGrid id="dataGrid" x="29" y="303" width="694" height="190" dataProvider="{books}" variableRowHeight="true">
<mx:columns>
<mx:DataGridColumn headerText="Title" dataField="title">
<mx:itemRenderer>
<mx:Component>
<mx:HBox paddingLeft="0" backgroundColor="{parentDocument.getColor(data)}">
<mx:Text id="mytext" width="100%" text="{data.title}"/>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>