Search Flex Components Free

Custom Search

December 25, 2007

Flex Flow Control MenuBar Source Code

Full Code Sample:

--------------------------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="
http://www.adobe.com/2006/mxml" backgroundAlpha="0" creationComplete="initCollections()" >
<mx:Script><

![CDATA[
import mx.events.MenuEvent;

import mx.controls.Alert;
import mx.collections.*;
[Bindable] public var menuBarCollection:XMLListCollection;


private var menubarXML:XMLList = <
> <menuitem label="Menu1">
<menuitem label="MenuItem 1-A" data="1A"/>
<menuitem label="MenuItem 1-B" data="1B"/>
</menuitem>
<menuitem label="Menu2">
<menuitem label="MenuItem 2-A" type="check" data="2A"/> <menuitem type="separator" />
<menuitem label="MenuItem 2-B" >
<menuitem label="SubMenuItem 3-A" type="radio" groupName="one" data="3A"/>
<menuitem label="SubMenuItem 3-B" type="radio" groupName="one" data="3B"/>
<menuitem label="SubMenuItem 3-C" type="radio" groupName="one" data="3C" />
</menuitem>
</menuitem>
</>;
private function menuHandler(event : MenuEvent) : void {
Alert.show("Label: "
+event.item.@label +" Data: "+event.item.@data, "Clicked menu item");
}
private function initCollections() : void

{
menuBarCollection = new XMLListCollection(menubarXML);
}
]]
>
</mx:Script>
<mx:MenuBar width="450" change="menuHandler(event)" labelField="@label" dataProvider="{menuBarCollection}" />


</mx:Application>

Related Flex Tutorials