<?xml version="1.0" encoding="utf-8"?>
<s:VGroup xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               xmlns:nestedtreedatagrid="com.flexicious.nestedtreedatagrid.*"
               xmlns:controls="com.flexicious.controls.*"
               creationComplete="application1_creationCompleteHandler(event)"
               xmlns:functional="com.flexicious.example.view.functional.*"
               width="100%" height="100%">
    
    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <fx:Script>
        <![CDATA[
            import com.flexicious.example.view.functional.MyDataGrid;
            import com.flexicious.example.view.support.customprint.MyCustomPager;
            
            import mock.FlexiciousMockGenerator;
            
            import mx.events.FlexEvent;
            
            
            protected function application1_creationCompleteHandler(event:FlexEvent):void
            {
                mdg.buildFromXml(FlexiciousMockGenerator.mockNestedXml);
                mdg.dataProvider=FlexiciousMockGenerator.mockNestedData;
                mdg.enableHeightAutoAdjust=true;
                mdg.validateNow();
                mdg.expandAll();

            }
            
        ]]>
    </fx:Script>
    <mx:VBox paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" width="100%" height="100%" id="appContainer" >
        <mx:Text width="100%" text="This example demonstrates how to use the new the enableDefaultDisclosureIcon and enableExpandCollapse to turn of the default disclosure icon, and control the appearance of the diclosure icons in nested grids."/> 
        <functional:MyDataGrid id="mdg" verticalGridLines="false" 
                               maxAutoAdjustHeight="400"
                               x="12" y="84" width="100%" 
                               height="100%"/>
                
    </mx:VBox>
</s:VGroup>