弹出按钮 控件 示例

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
    	<![CDATA[
    		import mx.messaging.channels.StreamingAMFChannel;
    		import mx.events.MenuEvent;
    	    import mx.controls.*;
    	    import mx.effects.*;

    	    private var myMenu:Menu;
    	    // 初始化 弹出按钮 菜单
    	    private function initMenu():void{
    	    	myMenu = new Menu();
    	    	var dp:Object = [{label:"目录 1"}, {label:"目录 2"}, {label:"目录 3"}];
    	    	myMenu.dataProvider = dp;
    	    	myMenu.selectedIndex = 0;
    	    	myMenu.addEventListener("itemClick", itemClickHandler);
    	    	popB.popUp = myMenu;
    	    	popB.label = "点击 弹出按钮";
    	    }
    	    // 对菜单控件的 itemClick 事件的 监听程序
    	    private function itemClickHandler(event:MenuEvent):void{
    	    	var label:String = event.item.label;
    	    	popTypeB.text = String("所选菜单 " + label);
    	    	popB.close();
    	    	myMenu.selectedIndex = event.index;
    	    }	
    	]]>
    </mx:Script>
    <mx:Style source="style.css"/>
    <mx:Panel title="弹出按钮 示例" height="75%" width="75%"
    	 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
     <mx:PopUpButton id="popB" creationComplete="initMenu();" width="135"/>
     <mx:Spacer height="50"/>
     <mx:TextArea height="28" id="popTypeB"/>

    </mx:Panel>	
</mx:Application>

弹出 按钮 示例
[img]/upload/attachment/115872/6e6b1c0d-bbb1-3051-b851-72b727cddaad.png[/img]
单击 弹出按钮

[img]/upload/attachment/115874/e26c67c9-0eb5-3aed-b795-4ef95a584176.png[/img]
选择 菜单条目