ag-grid - 如何启用标签导航到不同行组中的下一个可编辑单元格？

Question

我正在使用 ag-grid enterprise 4.0.7 构建一个应用程序，它使用行组并具有可编辑字段，可编辑单元格之间的键盘导航是必不可少的。

内置选项卡导航效果很好，但仅在行组内。到达组中的最后一个可编辑单元格后，按 Tab 不会跳转到下一组中的下一个可编辑单元格，而是跳转到页面上的某个不相关元素。

这是一个基于 ag-grid 文档示例的示例，运动员的姓名是可编辑的，选项卡导航到下一位运动员，但仅限于一个国家：https ://jsfiddle.net/pfhkf3bm/

field: "athlete",
editable: true

这是预期的行为吗？扩展选项卡导航以跳转到另一个组中的下一个可编辑项目的最干净的方法是什么？

谢谢！

Answer 1

这种方法对我有用：

myTabToNextCell(params) {
    const previousCell = params.previousCellDef;
    const lastRowIndex = previousCell.rowIndex;
    let nextRowIndex = lastRowIndex + 1;
    // TODO renderedRowCount must contain the row count.
    const renderedRowCount = this.state.rowCount;

    // if (nextRowIndex >= renderedRowCount) { nextRowIndex = 0; }
    if (nextRowIndex < renderedRowCount) { nextRowIndex = lastRowIndex + 1; }       else {
        nextRowIndex = 0;
    }

    const result = {
        rowIndex: nextRowIndex,
        column: previousCell.column,
        floating: previousCell.floating
    };

    return result;
}