Move focus from one to another itemRenderer inside DataGrid itemRenderer

i have mx: datagrid 4 columns have itemrenderer following settings:

 

 

- mx:datagrid:

 

<code>

<mx:datagrid id="itenspedidocompralist"

      width="100%"

height="120"   

dataprovider="{ model.pedidocompra.itens }"

editable="true"

itemeditend="itenspedidocompralist_itemeditendhandler(event)">

</code>

 

- mx:datagridcolumn:

 

<code>

<mx:datagridcolumn headertext="{resourcemanager.getstring('cadastropedidocompra', 'ident.percentualdesconto') }"

                   width="60"

                   textalign="right"

                   rendereriseditor="true"

                                      editordatafield="data">

      <mx:itemrenderer>

                 <fx:component>

                       <mx:canvas>

                                 <input:numberinput width="55"                                                                number="@{ data.percentualdesconto }"/>

                       </mx:canvas>

            </fx:component>

      </mx:itemrenderer>

  </mx:datagridcolumn>

</code>

 

the user clicks on line of grid , click on column edit.

after him change or add value, enter key , have move focus column in same line.

the way i'm doing, moving column below.

 

what best way move right column?

 

 

thank you

try adding capture phase event listener datagrid keydown , changing key enter tab

More discussions in Flex (Read Only)

adobe