如何在 Flex 3 中使菜单栏中的子菜单项可供选择？

Question

如果我有一个包含 XML 数据源的菜单栏，例如：

<mx:XMLList id="menuList">
    <menuitem label="Parent1">
        <menuitem label="Child1">
            <menuitem label="SubChild1" />
            <menuitem label="SubChild2" />
        </menuitem>
        <menuitem label="Child2" />
    </menuitem>
    <menuitem label="Parent2" />
</mx:XMLList>

如何才能使单击 Child1 会导致单击事件，尽管它有子项？

Answer 1

您可以将 MouseEvent.CLICK 侦听器添加到菜单并删除 MenuEvent.ITEM_CLICK 侦听器。示例代码：

var myMenu:Menu=Menu.createMenu(null, myMenuData, false);
            myMenu.labelField="@label"
            // Add an event listener for the itemClick event.
            //myMenu.addEventListener(MenuEvent.ITEM_CLICK, itemClickInfo);
            myMenu.addEventListener(MouseEvent.CLICK, itemMouseClickInfo);
            // Show the menu.
            myMenu.show(225, 10);

itemMouseClickInfo

// The event listener for the mouse click event.
        private function itemMouseClickInfo(event:MouseEvent):void
        {
            ta1.text="event.type: " + event.type;
            var menuItems:Menu=Menu(event.currentTarget);
            menuItems.hide();
        /* ta1.text+="\nevent.index: " + event.index;
           ta1.text+="\nItem label: " + event.item.@label
           ta1.text+="\nItem selected: " + event.item.@toggled;
         ta1.text+= "\nItem type: " + event.item.@type; */
        }