Flex4 使用 ContextMenu() 右键单击​​ Spark 列表

Question

我想向许多火花列表控件添加自定义右键单击。 我已尝试以下作为项目渲染器。 （根据 Flex 4 烹饪书）。

完整的渲染代码在这里 http://pastebin.com/Kx8tJ1cY

当我右键单击 Spark 列表时，我只需得到Adobe 默认上下文菜单。 这与我添加任何代码之前的默认行为相同。

谁能告诉我如何在 Flex 4 中添加右键单击列表项目。

请，谢谢。

Answer 1

我找到了问题/解决方案。如果有 Vbox 或选项卡导航器，则无法使用上下文菜单。这很疯狂，因为这意味着我无法正确进行相对布局或体面的可变宽度设计。

引用自：http://help.adobe。 com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/ContextMenu.html

例如，如果 DataGrid 控件是 TabNavigator 或 VBox 容器的子级，则 DataGrid 控件不能有自己的上下文菜单。

Answer 2

Christopher Huyler 发布了一些内容类似（源代码可在此处获取）。摘自文章：

首先从 Google 代码存储库获取 Javascript 代码。

第 1 步 – 设置自定义上下文菜单代码

在 Flex Builder 中创建一个新的 Flex 项目。将 rightclick.js 和 swfobject.js 复制到项目的 html-template 文件夹中。从这里开始，我必须进行一些更改...

• 我修改了 RightClick.init() 函数以接受对象和容器值作为输入。这允许我将应用程序的名称作为对象传递，而不是每次都调用相同的东西。
• 我在index.template.html 的标头中包含了rightclick.js 和swfobject.js。
• 我向主体添加了一个名为“flashcontent”的新 div。
• 我向 body 标记添加了一个 onload 处理程序来初始化 RightClick
• ，我用新的 SWFObject(...) 替换了 AC_FL_RunContent(...)，确保维护所有模板变量。

进行这些更改后，我验证了我的应用程序中没有出现右键单击上下文菜单。

第 2 步 – 侦听 rightClick 事件

接下来，我向应用程序的主 mxml 文件中添加了几行，以侦听当我右键单击应用程序时将调度的ExternalInterface 事件。

private function handleCreationComplete():void
{
    ExternalInterface.addCallback("rightClick", handleRightClick);
}

private function handleRightClick():void
{
    Alert.show("Right Click Success!");
}

第 3 步 – 将事件分派到正确的对象

将事件发送到主应用程序很容易，但我们实际上希望在右键单击事件发生时通知适当的子对象。由于我没有在应用程序中使用任何双击事件，因此我决定将每个右键单击事件视为双击事件。没有两键鼠标的用户（也称为 Mac 用户）只需双击即可获得相同的菜单，而拥有两键鼠标的用户只需右键单击即可。以下是我如何确保将事件分派到适当的对象。

private function handleRightClick():void
{
    var objects:Array = systemManager.getObjectsUnderPoint(
        new Point(mouseX,mouseY));
    if (objects.length>0)
    {
        var object:Object = objects[objects.length-1];
        var relatedObject:InteractiveObject;
        if (object is InteractiveObject)
            relatedObject = object as InteractiveObject;
        else if (object.parent && object.parent is InteractiveObject)
            relatedObject = object.parent;
        var event:MouseEvent = new MouseEvent(
            MouseEvent.DOUBLE_CLICK,true,false,mouseX,mouseY,
            relatedObject);
        object.dispatchEvent(event);
    }
}

我希望这有帮助！