actionscript 3 - itemEditEnd event in Flex DataGrid -

actionscript 3 - itemEditEnd event in Flex DataGrid -

so, i'm studying how edit/validate input in flex 3 datagrid cell. here's basic illustration used studying:

<?xml version="1.0" encoding="utf-8"?> <mx:application xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" backgroundsize="100%"> <mx:datagrid editable="true" itemeditend="check(event)"> <mx:columns> <mx:datagridcolumn headertext="name" datafield="name"/> <mx:datagridcolumn headertext="phone" datafield="phone"/> </mx:columns> <mx:dataprovider> <mx:arraycollection> <mx:object name="john" phone="(69)2345-6798"/> <mx:object name="mary" phone="(69)1234-5678"/> </mx:arraycollection> </mx:dataprovider> </mx:datagrid> <mx:script> <![cdata[ import mx.controls.alert; import mx.events.datagridevent; import mx.collections.arraycollection; private function check(event:datagridevent):void{ if(event.datafield == "phone"){ alert.show("hi there!"); } } ]]> </mx:script> </mx:application>

after compiling , running .swf, shows grid 2 rows; , after editing of phone numbers in grid , clicking outside of (meaning edited cell loses focus, flex interprets "the edit has ended", triggering itemeditend event, calling check() function) message "hi there!" appear. question is: why appear twice, if i'm editing 1 phone number @ time? far know, message should appear 1 time every time edit phone number, not twice. there i'm missing how framework works?

it bug. when nail tab/enter or click in cell. generates itemeditend event , moves focus new editable cell.

in event handler itemeditend event, alert displayed. pop removes focus editable cell ... dispatching sec itemeditend event.

so, have set logic prevent sec alert box. like, set 1 boolean variable, , create true when alert once.

same question inquire here.

why alert.show() give me 2 alert boxes?

and, many people getting same issue before.

hope helps.

actionscript-3 events flex datagrid flex3