1 Reply Latest reply on Aug 17, 2012 10:01 AM by Flex harUI

    Move focus from one to another itemRenderer inside DataGrid itemRenderer

    hhhjhjhjhjh

      I have a mx: DataGrid with 4 columns that have a itemRenderer with the 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 the line of the grid and click on the column to edit.

      After him change or add value, ENTER key and have to move the focus to another column in the same line.

      The way I'm doing, is moving to the column below.

       

      What is the best way to do to move to the right column?

       

       

      thank you