Flex：菜单栏、菜单点击

Question

我不知道为什么，但我看到菜单栏上的 itemclick 事件不会触发，除非您单击子项目。

处理位于顶层并且没有子菜单项的菜单项的点击的干净方法是什么。

例如，我想在单击 MenuItem B 时触发一个事件。

<?xml version="1.0"?>
<!-- menus/MenuBarControl.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" >

    <mx:MenuBar id="myMenuBar" labelField="@label" itemClick="{itemClick(event)}" >
        <mx:XMLList>
            <menuitem label="MenuItem A">
                <menuitem label="SubMenuItem A-1"/>
                <menuitem label="SubMenuItem A-2"/>
            </menuitem>
            <menuitem label="MenuItem B"/>
        </mx:XMLList>
    </mx:MenuBar>
</mx:Application>

Answer 1

我想这会有所帮助，

protected function myMenuBar_clickHandler(event:MouseEvent):void
        {
            // TODO Auto-generated method stub
            stackIndex=event.target.data.@index;
        }

protected function myMenuBar_itemClickHandler(event:MenuEvent):void
        {
            // TODO Auto-generated method stub
            stackIndex=event.item.@index;
        }

在下面的菜单栏中，

<mx:MenuBar id="myMenuBar" labelField="@label" click="myMenuBar_clickHandler(event)" itemClick="myMenuBar_itemClickHandler(event)" >   
    <mx:XMLList>   
        <menuitem label="MenuItem A" index="0">   
            <menuitem label="SubMenuItem A-1" index="0-0"/>   
            <menuitem label="SubMenuItem A-2" index="0-1"/>   
        </menuitem>   
        <menuitem label="MenuItem B" index="1"/>   
    </mx:XMLList>   
</mx:MenuBar>  

我还添加了一个属性“索引”。作为 XML，我们可以在其中添加除某些关键字之外的任何元素。

“ItemClick”事件将处理子项，“Click”事件将处理顶级菜单栏项（父项）。

希望这有帮助。

问候，
普拉卡什

Answer 2

此行为是设计使然。想象一下，如果它是浏览器中的菜单栏：单击文件、编辑、查看等顶级项目只会显示弹出窗口，它们不会触发任何操作。

来自 MenuBar 的 livedocs 页面< /a>

MenuBar 控件定义一个包含一个或多个菜单项的水平顶级菜单栏。单击顶级菜单项将打开一个弹出子菜单，该子菜单是 Menu 控件的实例。

MenuBar 控件的顶级菜单栏通常始终可见。它不适合用作弹出菜单。当用户使用鼠标或键盘选择各个子菜单时，会弹出各个子菜单。

如果您必须在顶级项目单击上执行某些操作，请侦听 MenuBar 上的 click 事件，并遍历 parent 链>event.target 搜索 MenuBarItem，这是 MenuBar 顶级项目的默认项目渲染器

Answer 3

flex 开箱即用的菜单栏有很多限制。例如我不能有像这样的嵌套子菜单
顶部菜单
- 1级菜单
-2级菜单
- 3级菜单......
为了解决这个问题，需要在每个子菜单中添加一个额外的菜单，这确实很痛苦。