FLEX Button事件处理

Question

我有一个场景，我有5个按钮，当单击它们时会调用相同的方法。 在各种条件下都可以单击这些按钮，但是现在我想知道我们如何从调用的方法中确定已单击了哪个特定按钮。

例如，当我单击按钮，小饼，乳制牛奶，吉百利，士力架和奇巧时，我一直在调用Chocolate（）方法。 现在，我将从用户界面中单击任何这些按钮，我想知道单击了哪个按钮。 此事件只能在Chocolate（）方法中处理。

请建议我如何实现这一点。 我正在使用Adobe Flex 3

Answer 1

如果您不使用addEventListeners而是在按钮中设置click属性，则可以执行以下操作：

<s:Button id="snickers"
          click="{chocolate('snickers')}"
          label="snickers"/>

<s:Button id="kitkat"
          click="{chocolate('kitkat')}"
          label="kitkat"/>

private function chocolate(type:String):void
{
    trace("button", type, "was clicked");

    if(type == "snickers")
    {
        // do stuff
    }
    else if(type == "kitkat")
    {
        // do something else
    }
}

如果您正在使用事件侦听器，则可以根据其ID确定按钮，例如：

<s:Button id="snickers"
          label="snickers"/>

<s:Button id="kitkat"
          label="kitkat"/>

// add your event listeners somewhere like in onCreationComplete
snickers.addEventListener(MouseEvent.CLICK, chocolate);
kitkat.addEventListener(MouseEvent.CLICK, chocolate);

private function chocolate(e:MouseEvent):void
{
    // e.target is the component that has dispatched the event (a button in this case)
    var type:String = e.target.id;

    trace("button", type, "was clicked");

    if(type == "snickers")
    {
        // do stuff
    }
    else if(type == "kitkat")
    {
        // do something else
    }
}