Flex DataGrid Data GridColumnデータの色が多様化しています。

2045 ワード

Flex DataGrid DataGridColumn データ色

例えば0--クローズ（red）、1--オープン（green）は、この二つの比較的簡単な代表です。データを読み出す時には、上の表示に従ってフォントの色を表示する必要があります。この時、いくつかの処理方法がありますが、目的は一つです。色のフォントを得るためには、ここで直接プログラムを提供します。実は簡単です。他の2、3つの方法があります。ほほほ、使用法がかなり多いので、設定パラメータも非常に多く、必要に応じて異なる効果を設定できます。助けてください。


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> 

    <mx:Script> 
        <!--[CDATA[ 

        ]]> 
    </mx:Script> 
    <mx:ArrayCollection id="dataArray"> 
        <mx:Object> 
            <mx:Key>0</mx:Key> 
            <mx:Value>  </mx:Value> 
        </mx:Object> 
        <mx:Object> 
            <mx:Key>1</mx:Key> 
            <mx:Value>  </mx:Value> 
        </mx:Object> 
    </mx:ArrayCollection> 
    <mx:DataGrid dataProvider="{dataArray}" x="320" y="135"> 
        <mx:columns> 
            <mx:DataGridColumn headerText="Key" dataField="Key" > 

            </mx:DataGridColumn> 
            <mx:DataGridColumn headerText="Value" dataField="Value" > 
                 <mx:itemRenderer> 
<mx:Component> 
<mx:Label textAlign="center"> 
<mx:Script> 
<![CDATA[ 
override public function set data(value:Object):void 
{ 
super.data = value; 
if (value.Key=="1") 
{ 
this.setStyle("color","green"); 
} 
else if(value.Key=="0"){ 
this.setStyle("color","red"); 
} 
} 
]]--> 
</mx:Script> 
</mx:Label> 
</mx:Component> 
    </mx:itemRenderer>     
            </mx:DataGridColumn> 
        </mx:columns> 
    </mx:DataGrid> 
</mx:Application>