Flex：从绑定到数据网格的集合中删除项目并更新网格选定索引

Question

我有一个绑定了 xmlListCollection 的数据网格：

<mx:DataGrid id="dgCompetente" includeIn="Competente" x="10" y="66" width="547" height="468"
                 change="dgCompetente_changeHandler(event)" dataProvider="{colCompetente}"
                 editable="false">
        <mx:columns>
            <mx:DataGridColumn headerText="ID Competenţă" dataField="idCompetenta"/>
            <mx:DataGridColumn headerText="Denumire Competenţă" dataField="denCompetenta"/>
            <mx:DataGridColumn headerText="Competenţă Superioară" dataField="idCompSuperioara" labelFunction="labelFunctionCompetentaSuperioara"/>
        </mx:columns>
    </mx:DataGrid>

以及一个用于删除数据网格中当前选定项目的按钮，该按钮已将此函数分配给单击事件：

<s:Button id="btnDeleteCompetenta" includeIn="Competente" x="813" y="65" label="Stergere" click="deleteCompetenta()"/>


private function deleteCompetenta():void 
{
    try {
        var position:int = dgCompetente.selectedIndex;

        if (position >= 0) {
            colCompetente.removeItemAt(position);
            dgCompetente.selectedIndex = position;
        }

        clearEdit(fieldsCompetente);
        saveCompetente();
    } catch (error:Error) {
        errorHandler.defaultErrorHandler(error);
    }
}

我希望 selectedIndex 保持不变。因此，如果我删除第 2 项，则应选择列表中的下一项。问题是，如果我删除第 2 项，第 3 项将被选中，我不知道为什么。

有人能告诉我我错过了什么吗？

谢谢你！

Answer 1

它不起作用 selectedIndex 也不会在 updateCompleteHandler 中更新为好的值
但对于 value-1，如果强制 value+1，则取 value+2 并且选择从单击中转义，所以它是完全相同的。

Answer 2

在更新 DataGrid 之前，您可能过早地重置了 selectedIndex，但很难准确判断，因为您的代码调用了一堆函数。尝试

添加一个“缓存位置”变量，如下所示：

protected var cachedPosition : int;

然后修改您的deleteCompetenta方法

private function deleteCompetenta():void 
{
    try {
        cachedPosition = dgCompetente.selectedIndex;

        if (position >= 0) {
            colCompetente.removeItemAt(position);
//            don't reset this here
//            dgCompetente.selectedIndex = position;
        }

        clearEdit(fieldsCompetente);
        saveCompetente();
    } catch (error:Error) {
        errorHandler.defaultErrorHandler(error);
    }
}

然后将updateCompleteHander添加到DataGrid：

<mx:DataGrid id="dgCompetente" includeIn="Competente" x="10" y="66" width="547" height="468"
                 change="dgCompetente_changeHandler(event)" dataProvider="{colCompetente}"
                 editable="false" updateComplete="updateCompleteHandler(event)">

并重置updateCompleteHandler中的selectedIndex：

protected function updateCompleteHandler(event:Event):void{
// reset here
 dgCompetente.selectedIndex = cachedPosition;
}

这样可以解决问题吗？