在 DataGrid itemRenderer 中将焦点从一个 itemRenderer 移到另一个 itemRenderer

Question

我有一个 mx: DataGrid 有 4 列，其中 itemRenderer 具有以下设置：

Mx:DataGrid:

<mx:DataGrid id="itensPedidoCompraList"
             width="100%"
             height="120"    
             dataProvider="{ model.pedidoCompra.itens }"
             editable="true"
             itemEditEnd="itensPedidoCompraList_itemEditEndHandler(event)">

Mx:DataGridColumn:

<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>

用户单击网格的行，然后单击要编辑的列。 在他更改或添加值之后，ENTER 键并且必须将焦点移动到同一行中的另一列。 我正在做的方式，正在移动到下面的列。

移动到右列的最佳方法是什么？

谢谢

Answer 1

请注意，DataGrid 在编辑行时具有以下功能：

• Enter 接受编辑并将焦点移至下一行（如果editorUsesEnterKey 为真）
• TAB 或 SHIFT-TAB 接受编辑并将焦点移至下一列/上一列
• ESC 或 CTRL-. 取消编辑，保留焦点

您可以使用DataGridColumn 的editorUsesEnterKey 属性禁用Enter 键功能。

<mx:DataGridColumn editorUsesEnterKey="false" />

更改行为以使ENTER 将焦点向右/向左移动有点麻烦。击键处理在下面的私有方法中完成。这个监听器在DataGrid 的公共方法createItemEditor() 中添加并在destroyItemEditor() 中删除。从理论上讲，您可以重写这些方法来改变这种行为。

源 mx::DataGrid（注意选项卡在关键焦点更改处理程序中处理）

 private function editorKeyDownHandler(event:KeyboardEvent):void
    {
        // ESC just kills the editor, no new data
        if (event.keyCode == Keyboard.ESCAPE)
        {
            endEdit(DataGridEventReason.CANCELLED);
        }
        else if (event.ctrlKey && event.charCode == 46)
        {   // Check for Ctrl-.
            endEdit(DataGridEventReason.CANCELLED);
        }
        else if (event.charCode == Keyboard.ENTER && event.keyCode != 229)
        {
            // multiline editors can take the enter key.
            if (!_editedItemPosition)
                return;

            if (columns[_editedItemPosition.columnIndex].editorUsesEnterKey)
                return;

            // Enter edits the item, moves down a row
            // The 229 keyCode is for IME compatability. When entering an IME expression,
            // the enter key is down, but the keyCode is 229 instead of the enter key code.
            // Thanks to Yukari for this little trick...
            if (endEdit(DataGridEventReason.NEW_ROW) && !dontEdit)
                findNextEnterItemRenderer(event);
        }
    }