在flex中自定义PopUpMenuButton控件

Question

我有一个关于PopUpMenuButton控件的问题。

此控件的现有行为是：

“ PopUpMenuButton控件具有两个按钮（主按钮和辅助按钮（看起来像“ v”向下箭头符号））。 当用户单击主按钮时，控件将调度itemClick（MenuEvent.ITEM_CLICK）事件，该事件包含有关所选菜单项的信息。 因此，当用户单击主按钮或从弹出菜单中选择当前项目时，将调度相同的itemClick事件。 因为在两种情况下都调度了相同的事件，所以单击主按钮与单击最后一个选定的menuItem会产生相同的行为，因此主按钮起到了频繁使用的菜单项的作用。”

在我的应用程序中，我要求更改主按钮的现有功能。 它不应导航到常用菜单项屏幕，而应打开弹出窗口，并且其行为应与辅助按钮（v）完全相同。

我尝试使用PopUpMenuButton控件的openAlways = true属性。 但这并不能完全解决问题。 任何帮助是极大的赞赏。

编辑-

我已经尝试过以下TRISH提到的选项。 但这并不能解决我的问题。

每当我们单击PopUpMenuButton控件的主按钮时，将调度两个事件。 将分派Firstclick事件，然后分派itemClick事件。 在Click事件处理程序中，我们正在编写代码以打开弹出窗口，因此它正在打开弹出窗口，在itemclick事件处理程序中，存在相应的页面导航代码，因此它可以导航到该特定页面。 （这两个事件是一个接一个地发生的，因此第一个弹出窗口正在打开，由于itemclick处理程序代码，它在几秒钟内导航到最近打开的页面。因此，每当我们单击主按钮时，这两个动作就会并行发生，因此我们得到一个弹出窗口如果我们在itemclick处理程序中进行了任何修改，则会影响弹出按钮的功能，因为两个按钮单击都使用相同的处理程序；即使在itemclick事件的情况下，事件目标也相同，而与主按钮或弹出按钮无关。 ）

Answer 1

编辑：在我看来，PopUpButton的行为可能比PopUpMenuButton更好地为您工作。 我编写了一个应用程序，该应用程序说明了我了解您想要的行为：

• 单击主按钮会打开弹出菜单，就像箭头按钮一样

• 单击主按钮不应触发最后单击的菜单项的单击

   <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"> <fx:Script> <![CDATA[ import mx.controls.Alert; import mx.controls.Menu; import mx.events.MenuEvent; [Bindable] private var menu:Menu; private function initMenu():void { menu = new Menu(); var dp:Object = [ {label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"} ]; menu.dataProvider = dp; menu.addEventListener("itemClick", changeHandler); } private function changeHandler(event:MenuEvent):void { var label:String = event.label; Alert.show(label); // popUpButton.label = event.label; popUpButton.close(); } ]]> </fx:Script> <s:VGroup> <mx:PopUpButton id="popUpButton" openAlways="true" label="Select a control..." popUp="{menu}" preinitialize="initMenu()" /> </s:VGroup> </s:Application>