嵌套数据网格：将焦点设置在内部数据网格上

Question

我有一个数据网格，其中有一列用另一个数据网格呈现。我这样做是为了实现类似行跨度的显示（在子数据网格下方有一个水平盒），在每行下方显示消息。 当我点击并到达行尾时，我希望焦点传递到下一行，即下一个子数据网格以及该行的特定单元格。 这是调用渲染器的简化代码：

<mx:DataGrid width="100%"
                 showHeaders="false"
                 selectable="false"
                 id="ParentDatagrid"
                 dataProvider="{arrayActs}"
                 paddingBottom="0" paddingTop="0"
                 variableRowHeight="true">
        <mx:columns>
            <mx:DataGridColumn itemRenderer="components.ColumnRendererDatagrid"/>
        </mx:columns>
    </mx:DataGrid>

渲染器（ColumnRendererDatagrid）代码：

<mx:DataGrid 
    id="dgLocal" width="100%" height="23" borderSides=""
    dataProvider="{data}" showHeaders="false"
    editable="true" selectable="false">
    <mx:columns>
        <mx:DataGridColumn />
        <mx:DataGridColumn />
        <mx:DataGridColumn />
        <mx:DataGridColumn />
        <mx:DataGridColumn />
    </mx:columns>
</mx:DataGrid>
<mx:HRule width="100%" />
<mx:Label id="message" text="Error Message" width="100%" />

目前，我在 ColumnRendererDatagrid 中使用以下代码片段来检查制表符何时到达行末尾并冒泡事件：

if(dgLocal.editedItemPosition.columnIndex == 13){
                dispatchEvent(new Event(MOVE_FOCUS_DOWN, true));

从那里我'我正在努力解决如何深入到渲染器以在更高的组件获取此事件后设置焦点。任何帮助将不胜感激。谢谢

Answer 1

好的，这是我想出的解决方案。这是父事件处理程序中的代码（处理 MOVE_FOCUS_DOWN）：（

//Find the postition of the item that sent the event :
for each( var row:Object in ParentDatagrid.dataProvider ) {     
                if( (event.target as ColumnRendererDatagrid).data == row) {
                    break;
                }
                i++;
            } 

//Get the renderer of the next item :
  var render:IListItemRenderer = ParentDatagrid.itemToItemRenderer(arrayActes.getItemAt(i+1));
  (render as ColumnRendererDatagrid).dgLocal.editedItemPosition = {rowIndex:0, columnIndex:1}

显然应该在实际代码中进行检查以查看下一个对象是否存在），其类型为 ColumnRendererDatagrid。从那里我只需设置焦点/编辑位置。