19 jan 2010

Passando parâmetros para Event Handlers – Parte 2

Ano passasdo perguntei ao Beck como passar parâmetros para Event Handlers adicionados dinamicamente, porque quando você adiciona Event Listener usando myComp.addEventListener(…), o handler deve esperar apenas o parâmetro do evento. O Beck deu uma solução para isso, mas deixou claro que é apenas uma solução “alternativa”, não a melhor delas.

Alguns dias atrás eu estava trabalhando com requisições simultâneas para o servidor e queria guardar o parâmetro da chamada, mas não queria ter que retornar ele do Java, então pensei em uma outra solução para isso. Considerando que seu Event Handler está esperando uma Function que tem somente um parâmetro Event, eu criei uma outra Function que retorna uma Function esperando um parâmetro Event. Mas o segredo é que o escopo de Function Closure permite que você acesse parâmetros tanto da primeira quanto da segunda Function, então você pode fazer isso:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" height="100%" width="100%"
    initialize="initApp()">

    <mx:Script>
        <![CDATA[
            private function initApp():void
            {
                buttonA.addEventListener(MouseEvent.CLICK, buttonHandler(0x0000FF));
                buttonB.addEventListener(MouseEvent.CLICK, buttonHandler(0xFF0000));
            }

            private function buttonHandler(color:uint):Function
            {
                return function(event:MouseEvent):void
                {
                    box.setStyle("backgroundColor", color);
                }
            }
        ]]>
    </mx:Script>

    <mx:HBox>
        <mx:Button id="buttonA" label="Blue"/>
        <mx:Button id="buttonB" label="Red"/>
    </mx:HBox>

    <mx:Box id="box" height="80" width="200" backgroundColor="#FFFFFF"/>

</mx:Application>

Mas e agora se você quiser usar esse Event Handler diretamente no MXML? Bem, você não pode fazer isso:

1
<mx:Button label="Green" click="buttonHandler(0x00FF00)"/>

Isso não vai funcionar porque a Function que retorna da primeira Function está esperando um parâmetro Event. Então, você pode fazer assim:

1
<mx:Button label="Green" click="buttonHandler(0x00FF00)(event)"/>

Estranho, não? Talvez mais um patter do FreaktionScript?

Comments

  • Rafaelsc
    janeiro 19, 2010 Responder

    Cool Teste

  • Rafael Martinelli
    janeiro 19, 2010 Responder

    Muito bom!!!!

  • Nelson Vasconcelos
    janeiro 19, 2010 Responder

    Freak Total! Muito bom mesmo =D

  • Henrique F. Marino
    janeiro 19, 2010 Responder

    Muito loco meu veio!

  • Beck Novaes
    janeiro 19, 2010 Responder

    André “o oráculo” Gil é o seu nome já há algum tempo 🙂

    []’s
    Beck Novaes

  • Ricardo Ramires
    janeiro 19, 2010 Responder

    Eu costumava fazer assim:

    button.addEventListener(MouseEvent.CLICK, function(event:MouseEvent):void { buttonHandler(event, “valor”) });

    private function buttonHandler(event:MouseEvent, prop1:String):void
    {
    trace(prop1);
    }

    Da no mesmo mas da maneira do André fica mais limpo o código.

    😉

  • Felipe Mesquita
    janeiro 22, 2010 Responder

    Valeu andré você é o cara…. 😉

Leave a Comment