apache-flex - flex datagrid 自定义选项卡行为

Question

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

任何提示表示赞赏！

马库斯

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

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

马库斯