<?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>
</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>