【Flex】菜单中的分割线和Check Radio

 

<?xml version="1.0"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"  
    layout="absolute"> 
    <mx:Script> 
        <![CDATA[ 
            import mx.controls.Menu; 

            // Method to create an Array-based menu.  
            private function createAndShow():void { 
                // The third parameter sets the showRoot property to false. 
                // You must set this property in the createMenu method,  
                // not later. 
                var myMenu:Menu = Menu.createMenu(null, menuData, true);//定义了一个menu 
                myMenu.show(10, 10);//menu show的显示位置 
            } 

            // The Array data provider(数据提供) 
            [Bindable]  
            public var menuData:Array = [ 
                {label: "MenuItem A", children: [//设置复选框 
                    {label: "SubMenuItem A-1", enabled: false},//表示是不可选的 
                    {label: "SubMenuItem A-2", type: "normal"} //一般状态 
                    ]},//没设置选择type就没选择后的提示 
                {label: "MenuItem B", type: "check", toggled: true},//toggled表示是否勾选 
                {label: "MenuItem C", type: "check", toggled: false}, 
                {type: "separator"},//设置分割线 
                {label: "MenuItem D", children: [ 
                    {label: "SubMenuItem D-1", type: "radio", //表示同组单选的 
                        groupName: "g1"}, 
                    {label: "SubMenuItem D-2", type: "radio",  
                        groupName: "g1", toggled: true},  
                    {label: "SubMenuItem D-3", type: "radio",  
                        groupName: "g1"}  
                    ]}  
                ]; 
        ]]> 
    </mx:Script> 

    <!-- Button control to create and open the menu. --> 
    <mx:Button x="300" y="10"  
        label="Open Menu"  
        click="createAndShow();"/> 
</mx:Application>