flex 创建导航菜单

<?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" currentState="login" creationComplete="initCollections();" > <fx:Script> <![CDATA[ import mx.events.MenuEvent; ? import mx.controls.Alert; ? import mx.collections.*; ? [Bindable] ? public var menuBarCollection:XMLListCollection; ? private var menubarXML:XMLList = ? <> ? <menuitem label="系统管理" data="top"> ? <menuitem label="用户管理" data="usermanager"/> ? <menuitem label="角色管理" data="rolemanager"/> ? </menuitem> ? <menuitem label="参数配置" data="top"> ? <menuitem label="系统配置" ?data="systemconfig"/> ? <menuitem type="separator"/> ? <menuitem label="数据字典" > ? <menuitem label="访问统计" data="visit"/> ? <menuitem label="人数统计" ?data="count"/> ? </menuitem> ? </menuitem> ? </>; ? // Event handler to initialize the MenuBar control. ? private function initCollections():void { ? menuBarCollection = new XMLListCollection(menubarXML); ? } ? // Event handler for the MenuBar control's itemClick event. ? private function menuHandler(event:MenuEvent):void ?{ ? // Don't open the Alert for a menu bar item that ?? // opens a popup submenu. ? if (event.item.@data != "top") { ? Alert.show("Label: " + event.item.@label + "n" + ?? "Data: " + event.item.@data,"Clicked menu item"); ? } ? ? ? ? ? } ? ]]> </fx:Script> <s:states> <s:State name="main"/> <s:State name="login"/> </s:states> <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> </fx:Declarations> <mx:Panel title="MenuBar Control Example" height="75%" width="75%" ?? ?paddingTop="10" paddingLeft="10" x="186" y="-9" x.login="135" y.login="241" height.login="275"> ? <mx:Label width="100%" color="blue" ? ?text="Select a menu item."/> ? <mx:MenuBar labelField="@label" itemClick="menuHandler(event);" ?? dataProvider="{menuBarCollection}" /> ? </mx:Panel> </s:Application>