Flex树形菜单实例带跳转功能根据官方示例添加链接
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
????horizontalAlign="center"? paddingTop="0" viewSourceURL="srcview/index.html">
?
?<mx:Script>
??<![CDATA[
???import mx.controls.Alert;
???
???[Bindable]
???public var selectedNode:XML;
???
???// Event handler for the Tree control change event.
???public function treeChanged(event:Event):void {
????selectedNode=Tree(event.target).selectedItem as XML;
????
//????Alert.show(""+selectedNode.attribute("url"));
//????var u = selectedNode.attribute("url");
????ExternalInterface.call("function(){window.location.href='"+selectedNode.attribute("url")+"';}");
//????Alert.show(""+selectedNode.toXMLString());
???}
??]]>
?</mx:Script>
?
?<mx:XMLList id="treeData">
??<node label="Mail Box">
???<node label="Inbox">
????<node label="Marketing" url="http://localhost:8088/webpro/webpro-debug/Main.html" />
????<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>???
?</mx:XMLList>
?
?<mx:Panel title="Tree Control" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500"
???? paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
??
??<mx:Label width="100%" color="0x323232"
????? text="Select a node in the Tree control."/>
??
??<mx:HDividedBox width="100%" height="100%" color="0x323232">
???<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>
</mx:Application>
