<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    layout="absolute" 
    backgroundColor="#FFFFFF"
    backgroundGradientColors="[#FFFFFF,#FFFFFF]"
    creationComplete="handleCreationComplete()"
     viewSourceURL="srcview/index.html">
    
    <mx:Style>
        List
        {
            background-alpha: 0;
            border-style: none;
        }
    </mx:Style>
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            
            [Bindable]
            public var someData:ArrayCollection = new ArrayCollection();
            
            public function handleCreationComplete():void
            {
                //placeholder
                for( var i:int = 0; i < 5; i++ )
                {
                    var o:MyObject = new MyObject();
                    o.date = new Date();
                    o.someNumber = i * 160;
                    o.someStatus = 'SOLD';
                    o.someString = 'Description of something';
                    someData.addItem( o );
                }
            }
        ]]>
    </mx:Script>
    
    <mx:VBox
        width="100%"
        height="100%"
        >
        <mx:Label text="this list has renderers that are custom, RIGHT CLICK TO VIEW SOURCE" />
        <mx:List
            dataProvider="{ someData }"
            width="100%"
            height="100%"
            rowHeight="75" 
            selectable="false"
            itemRenderer="view.renderers.CustomRenderer"
            />

    </mx:VBox>
    
</mx:Application>