DataGrid enters in edit mode after alert is closed

Question

Hi, i tried to fix this by myself but i just couldn't.
This is the problem:
I added  KeyboardEvent.KEY_DOWN event listener for data grid and if key code is 46 (delete btn) alert is shown to ask user if he wants to delete that selected row and that is working without problem but when alert is closed data grid enters in edit mode. Why is this happening? Also i noticed that last field that has been edited will enter in edit mode regardless of what row is selected.
This is the code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()">
<mx:Script>
     <![CDATA[
          import mx.controls.Alert;
          private function init():void
               testGrid.addEventListener(KeyboardEvent.KEY_DOWN, dataGridKeyDown);
          private function dataGridKeyDown(e:KeyboardEvent):void
               if(e.keyCode == 46)
                    Alert.show("Do you really want to delete row", "Program",(Alert.OK | Alert.NO));
     ]]>
</mx:Script>
<mx:ArrayCollection id="arrColl">
         <mx:Object>
            <mx:col1>Pavement</mx:col1>
            <mx:col2>11.99</mx:col2>
            <mx:col3>Slanted and Enchanted</mx:col3>
         </mx:Object>
         <mx:Object>
            <mx:col1>Pavement</mx:col1>
            <mx:col2>Brighten the Corners</mx:col2>
            <mx:col3>11.99</mx:col3>
         </mx:Object>
      </mx:ArrayCollection>
     <mx:DataGrid editable="true" id="testGrid" width="450" height="300" dataProvider="{arrColl}">
          <mx:columns>
               <mx:DataGridColumn headerText="Col 1" dataField="col1"/>
               <mx:DataGridColumn headerText="Col 2" dataField="col2"/>
               <mx:DataGridColumn headerText="Col 3" dataField="col3"/>
          </mx:columns>
     </mx:DataGrid>
</mx:Application>
So this is how it looks when alert is shown:
And when i click OK or NO in alert box and when alert box  disappear grid automatically enter in edit mode and looks like this:
Any help is  appreciated as this is really annoying issue.

Answer 1

Use this code after you download the Flex SDK 3.4 and perform the same operation as you want.Please test this.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                    layout="vertical"
                    creationComplete="init()">
     <mx:Script>
          <![CDATA[
               import mx.events.CloseEvent;
               import mx.controls.Alert;
               private function init():void
                    testGrid.addEventListener(KeyboardEvent.KEY_DOWN, dataGridKeyDown);
               private function dataGridKeyDown(e:KeyboardEvent):void
                    if (e.keyCode == 46)
                         Alert.show("Do you really want to delete row", "Program", (Alert.YES | Alert.NO),this,deleteHandler);
                         testGrid.editable = false;
               private function deleteHandler( e:CloseEvent ):void
                    if( e.detail == Alert.YES )
                         // delete
                    else
                         // do not delete
                    testGrid.editable = true;
          ]]>
     </mx:Script>
     <mx:ArrayCollection id="arrColl">
          <mx:Object>
               <mx:col1>Pavement</mx:col1>
               <mx:col2>11.99</mx:col2>
               <mx:col3>Slanted and Enchanted</mx:col3>
          </mx:Object>
          <mx:Object>
               <mx:col1>Pavement</mx:col1>
               <mx:col2>Brighten the Corners</mx:col2>
               <mx:col3>11.99</mx:col3>
          </mx:Object>
     </mx:ArrayCollection>
     <mx:DataGrid editable="true"
                     id="testGrid"
                     width="450"
                     height="300"
                     dataProvider="{arrColl}">
          <mx:columns>
               <mx:DataGridColumn headerText="Col 1"
                                      dataField="col1"/>
               <mx:DataGridColumn headerText="Col 2"
                                      dataField="col2"/>
               <mx:DataGridColumn headerText="Col 3"
                                      dataField="col3"/>
          </mx:columns>
     </mx:DataGrid>
</mx:Application>