编辑时按 Tab 键，控制转到浏览器。预期在使用时移动到下一个单元格：DHTMLX 网格

Question

文档：https://docs.dhtmlx.com/suite/grid__api__refs__grid.html

这是我创建网格的代码

grid = new GridDHX(gridContainer.current, {列: props.columns, 数据: props.data, 调整: true, 可编辑：真实，自动空行：真，自动宽度：真，选择："cell"，启用编辑事件：真 });

并修改点击事件进行编辑

  grid.current.events.on("CellClick", function(
    row,
    column,
    e
  ) {
    grid.editCell(row.id, column.id);
  });
}

我希望选项卡应该占据下一个单元格并变为可编辑。我尝试使用下面的代码在按下 tab

时结束编辑

grid.events.on("beforeKeyDown", 函数 (e) { 如果（e.key === "Tab"）{

        grid.editEnd()
      }

    })

Answer 1

我想你可以尝试这样的事情：

grid.events.on("BeforeKeyDown", (e) => {
  if (e.key === "Tab") {
    grid.editEnd()
  }
})

grid.events.on("AfterKeyDown", (e) => {
  if (e.key === "Tab") {
    var selected = grid.selection.getCell();
    if (selected) {
     grid.editCell(selected.row.id, selected.column.id);
    }
  }
})

https://snippet.dhtmlx.com/6bs7mh34

编辑时按 Tab 键，控制转到浏览器。预期在使用时移动到下一个单元格：DHTMLX 网格

Pressing Tab while editing, control goes to browser .Expect to move to next cell while using : DHTMLX grid

dhtmlx