Flex 数据网格自定义选项卡行为

Question

我有两个数据网格，我想覆盖 tab 键事件的行为，以便当光标到达第一个数据网格列的末尾时它会转到下一个数据网格。

任何提示表示赞赏！

马库斯

Answer 1

Markus，这是一个功能性演示，应该能让您走上正轨：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var src:Array = [
                { a:1, b:2, c:3 },
                { a:1, b:2, c:3 },
                { a:1, b:2, c:3 }
                ];

            private function init() : void
            {
                this.systemManager.addEventListener( KeyboardEvent.KEY_DOWN, onKeyDown );
            }

            private function onKeyDown(e:KeyboardEvent) : void
            {
                trace (dg1.rowCount, dg1.columnCount);
                if (e.target.parent.parent.parent is DataGrid)
                    var dg:DataGrid = e.target.parent.parent.parent as DataGrid;
                    if (dg == dg1)  
                        if (dg.editedItemPosition.columnIndex == dg.columnCount - 1)
                            if (dg.editedItemPosition.rowIndex == (dg.rowCount / 2) - 1)                                
                                dg2.setFocus();                 
            }
        ]]>
    </mx:Script>
    <mx:VBox>           
    <mx:DataGrid id="dg1" dataProvider="{src}" tabEnabled="true" editable="true">
        <mx:columns>
            <mx:DataGridColumn headerText="A" dataField="a" />
            <mx:DataGridColumn headerText="B" dataField="b" />
            <mx:DataGridColumn headerText="C" dataField="c" />
        </mx:columns>
    </mx:DataGrid>
    <mx:TextInput text="dfalsdfasdf" />
    <mx:DataGrid id="dg2" dataProvider="{src}" tabEnabled="true" editable="true">
        <mx:columns>
            <mx:DataGridColumn headerText="A" dataField="a" />
            <mx:DataGridColumn headerText="B" dataField="b" />
            <mx:DataGridColumn headerText="C" dataField="c" />
        </mx:columns>
    </mx:DataGrid>
    </mx:VBox>
</mx:Application>

本质上，这是两个数据网格，中间有一个文本字段。如果您要从第一个网格的最后一个可编辑单元格自然地进行制表，它将首先转到文本字段，然后另一个制表事件会将焦点设置到第二个数据网格。

我说这“有点”实用，因为我似乎无法获得准确的 DataGrid.rowCount （它应该是 3，但由于某种原因读取为 6）。这就是为什么那里有 dg.rowCount / 2 检查的原因。

希望这能帮助你前进;)

Answer 2

我发现 rowCount 的问题。 rowCount 并不代表网格中的数据量，它代表创建的行数...因此，如果您查看数据网格，您会发现每个网格都有 6 行！这就是为什么

为了获得正确数量的数据，我使用 dg.dataProvider.length...

再次感谢，它现在完美运行！

马库斯