动态显示选中的树节点

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
 <fx:Declarations>
  <fx:XMLList id="treeData">    
   <node label="Mail Box">    
    <node label="Inbox">    
     <node label="Marketing"/>    
     <node label="Product Management"/>    
     <node label="Personal"/>    
    </node>    
    <node label="Outbox">    
     <node label="Professional"/>    
     <node label="Personal"/>    
    </node>    
    <node label="Spam"/>    
    <node label="Sent"/>    
   </node>       
  </fx:XMLList>  
 </fx:Declarations>
 
 <fx:Script>
  <![CDATA[
   import mx.events.ListEvent;
   
   [Bindable]  
   var selectedNode:XML;
   
   private function treeChanged(event:ListEvent):void
   {
    selectedNode = ((mx.controls.Tree)(event.target)).selectedItem as XML;  
   }
  ]]>
 </fx:Script>
 
 <mx:Panel title="Tree Control Example" height="75%" width="75%" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">   
  
  <s:Label color="blue" text="请选择树叶" width="100%"/> 
  
  <mx:HDividedBox width="100%" height="100%">    
   <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"    
      showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>    
   <mx:TextArea height="100%" width="50%"    
       text="Selected Item: {selectedNode.@label}"/>    
  </mx:HDividedBox>    
  
 </mx:Panel>    
</s:Application>