<?xml version="1.0" encoding="iso-8859-1"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#666666"
    creationComplete="initCollections();" xmlns="*" viewSourceURL="srcview/index.html">

<mx:Script>
<![CDATA[

import mx.collections.*;

[Bindable]
public var xmlBalanced:XMLList =
    <>
        <node label="Containers">
            <node label="DividedBoxClasses">
                <node label="BoxDivider" data="BoxDivider.as" />
            </node>
            <node label="GridClasses">
                <node label="GridRow" data="GridRow.as" />
                <node label="GridItem" data="GridItem.as" />
                <node label="Other File" data="Other.as" />
            </node>
        </node>
        <node label="Data">
            <node label="Messages">
                <node label="DataMessage" data="DataMessage.as" />
                <node label="SequenceMessage" data="SequenceMessage.as" />
            </node>
            <node label="Events">
                <node label="ConflictEvents" data="ConflictEvent.as" />
                <node label="CommitFaultEvent" data="CommitFaultEvent.as" />
            </node>
            <node label="Utils">
                <node label="ArrayUtil" data="ArrayUtil.as" />
                <node label="ColorUtil" data="ColorUtil.as" />
                <node label="ObjectUtil" data="ObjectUtil.as" />
                <node label="StringUtil" data="StringUtil.as" />
            </node>
        </node>
    </>;

[Bindable]
public var xlcBalanced:XMLListCollection;

private function initCollections() : void
{
    xlcBalanced = new XMLListCollection(xmlBalanced);
    compBalanced.dataProvider = xlcBalanced;
}

]]>
</mx:Script>
    <mx:TextArea width="396" height="149" backgroundColor="#555555" color="#ffffff">
        <mx:text>This demo shows extending the TreeItemRenderer class to: 1) Remove the default branch and leaf icons 2) Add a 'branch' image to branch nodes 3) Add a 'leaf' image to leaf nodes 4) Expands/collapse branches by clicking anywhere on the tree item.</mx:text>
    </mx:TextArea>

<mx:Tree id="compBalanced"
            itemRenderer="MyTreeItemRenderer"
            alternatingRowColors="['#fffffc', '#ededed']"
            labelField="@label"
            y="100"
             width="400" height="500" >
             
</mx:Tree>
</mx:Application>