<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete="init()">

    <mx:Script>
        <![CDATA[

            import mx.controls.dataGridClasses.DataGridColumn;
            import mx.collections.ArrayCollection;
            import mx.rpc.events.ResultEvent;

            [Bindable]

            private var projects:ArrayCollection;

            private function init():void

            {
                service.send();
            }

            private function resultHandler(event:ResultEvent):void

            {
                projects = event.result.rss.channel.item;
            }

            private function dollarFunction(item:Object, column:DataGridColumn):String

            {
                return "$"+item.avgbid;
            }
        ]]>

    </mx:Script>

    <mx:HTTPService id="service"
        url="assets/projects.xml"
        result="resultHandler(event)"/>

    <mx:DataGrid dataProvider="{projects}" width="100%" height="195"/>
    <mx:DataGrid dataProvider="{projects}" width="100%" height="289" y="241">

        <mx:columns>
            <mx:DataGridColumn headerText="Title" dataField="title"/>
            <mx:DataGridColumn headerText="Bids" dataField="bids" width="50"/>

            <mx:DataGridColumn headerText="Avg. Bid" dataField="avgbid" width="60"
                labelFunction="dollarFunction"/>
            <mx:DataGridColumn headerText="Job Type" dataField="category"/>

        </mx:columns>
    </mx:DataGrid>

</mx:Application>

package myComponents {

    // myComponents/CellField.as
    import mx.controls.*;
    import mx.core.*;
    import mx.controls.dataGridClasses.DataGridListData;

    public class CellField extends TextInput

    {
        // Define the constructor and set properties.
        public function CellField() {
            super();
            height=60;
            width=80;
            setStyle("borderStyle", "none");
            editable=false;
        }

        // Override the set method for the data property.
        override public function set data(value:Object):void {

            super.data = value;

            if (value != null)

            {
                text = value[DataGridListData(listData).dataField];
                if(Number(text) > 100)

                {
                    setStyle("backgroundColor", 0xFF0000);
                }
            }

            else
            {
                // If value is null, clear text.
                text= "";
            }

            super.invalidateDisplayList();
        }

    }
}

<?xml version="1.0"?>
<!-- itemRenderers\component\myComponents\RendererDGImageSelect.mxml -->

<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml"
    horizontalAlign="center">

    <mx:Script>
        <![CDATA[

            import mx.events.FlexEvent;

            [Embed(source="saleIcon.jpg")]

            [Bindable]
            public var sale:Class;

            [Embed(source="noSaleIcon.jpg")]

            [Bindable]
            public var noSale:Class;            

            override public function set data(value:Object):void {
                if(value != null)  {

                    super.data = value;
                    if (value.SalePrice == true) onSale.source=new sale();
                    else onSale.source=new noSale();
                }
                // Dispatch the dataChange event.

                dispatchEvent(new FlexEvent(FlexEvent.DATA_CHANGE));
            }
        ]]>
    </mx:Script>

    <mx:Image id="onSale" height="20"/>
</mx:HBox>

package myEvents
{
    import flash.events.Event;

    public class EnableChangeEvent extends Event

    {
        public function EnableChangeEvent(type:String, isEnabled:Boolean=false)

        {
            //Call the constructor of the class
            super(type);

            //Set the new property
            this.isEnabled = isEnabled;
        }

        //Define static constant.
        public static const ENABLE_CHANGED:String = "enableChanged";

        //Define a public variable to hold the state of the enable property.

        public var isEnabled:Boolean;

        //Override the inherited cloe() method.
        override public function clone():Event

        {
            return new EnableChangeEvent(type, isEnabled);
        }

    }
}

click to launch demo