Question

mx MenuBar未显示其中一个菜单项。它在几分钟前工作正常。我没有改变任何代码。我注意到当我点击它时会显示一个阴影。

    <mx:MenuBar id="mainMenuBar" 
                dataProvider="{rootMenu}"
                labelField="label"
                height="100%"
                useHandCursor="true"
                buttonMode="true"
                showRoot="false"
                menuShow="menuItemEventHandler(event)" 
                menuHide="menuItemEventHandler(event)"
                itemClick="menuItemEventHandler(event)" 
                itemRollOut="menuItemEventHandler(event)"
                itemRollOver="menuItemEventHandler(event)" 
                change="menuItemEventHandler(event)"
                >
    </mx:MenuBar>

        /**
         * 
         * */
        private function menuItemEventHandler(event:MenuEvent):void {

            if (event.item is MenuItem) {
                EventDispatcher(event.item).dispatchEvent(event);
            } 
            else if (event.menu && event.menu.dataProvider && 
                event.menu.dataProvider[0] is MenuItem && 
                event.menu.dataProvider[0].parent is MenuItem)
            {
                EventDispatcher(event.menu.dataProvider[0].parent).dispatchEvent(event);
            }
        }



    <model:MenuItem id="rootMenu">
        <model:MenuItem label="Edit" >
            <model:MenuItem id="undo" label="Undo" />
            <model:MenuItem id="redo" label="Redo" />
            <model:MenuItem type="separator"/>
            <model:MenuItem id="cut" label="Cut" enabled="false"/>
            <model:MenuItem id="copy" label="Copy" enabled="false"/>
            <model:MenuItem id="paste" label="Paste" name="paste" enabled="false"/>
            <model:MenuItem id="undo1" label="Undo" />
            <model:MenuItem id="redo1" label="Redo" />
            <model:MenuItem type="separator"/>
            <model:MenuItem id="cut1" label="Cut" enabled="false"/>
            <model:MenuItem id="copy1" label="Copy" enabled="false"/>
            <model:MenuItem id="paste1" label="Paste" name="paste" enabled="false"/>
            <model:MenuItem id="undo2" label="Undo" />
            <model:MenuItem id="redo2" label="Redo" />
            <model:MenuItem type="separator"/>
            <model:MenuItem id="cut2" label="Cut" enabled="false"/>
            <model:MenuItem id="copy2" label="Copy" enabled="false"/>
            <model:MenuItem id="paste2" label="Paste" name="paste" enabled="false"/>
            <model:MenuItem id="undo3" label="Undo" />
            <model:MenuItem id="redo3" label="Redo" />
            <model:MenuItem type="separator"/>
            <model:MenuItem id="cut3" label="Cut" enabled="false"/>
            <model:MenuItem id="copy3" label="Copy" enabled="false"/>
            <model:MenuItem id="paste3" label="Paste" name="paste" enabled="false"/>
        </model:MenuItem>

Answer 1

问题是菜单的高度高于应用程序的高度。所以它显示但它已经不在屏幕上了。我猜测逻辑是，如果弹出菜单的任何部分不在屏幕上，菜单栏必须位于应用程序的底部，因此弹出菜单应显示在菜单栏上方而不是在菜单栏下方。

解决方法是让屏幕更高（我看到Firebug，因此它不是典型的高度）。我可以检查弹出窗口的高度，并将其与应用程序的高度进行比较，并手动将弹出的垂直位置设置为正确的位置。我没有尝试超越这一点解决它，因为用户可能永远不会在这么短的高度使用该应用程序。

MenuBar没有显示

1 个答案: