<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalScrollPolicy="off" xmlns:local="*" viewSourceURL="srcview/index.html">
    
    <mx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;
            
            [Bindable]
            private var styledEditor:IFactory = new ClassFactory(StyledItemEditor);
          
            [Bindable]
             private var data1:ArrayCollection = new ArrayCollection([
                {title:"Learn AS 3", start:0, duration:3, percentComplete:.7},
                {title:"Rock the Blog", start:1, duration:3, percentComplete:.5},
                {title:"Make Sweet Components", start:2, duration:3, percentComplete:.3},
                {title:"World Domination", start:5, duration:5, percentComplete:0},
            ]); 
        ]]>
    </mx:Script>

    <mx:VBox width="100%" height="260">
        
        <local:GanttDataGrid width="100%"  height="100%"
            max="10" taskHeaderWidth="170" dataProvider="{data1}"
            /> 
        <local:GanttDataGrid width="100%"  height="100%"
            max="10" ganttItemEditor="{styledEditor}"
            taskHeaderWidth="170" dataProvider="{new ArrayCollection(data1.toArray())}"
            /> 
            
    </mx:VBox>
    
</mx:Application>