编辑时按Tab键，控件进入浏览器。使用：DHTMLX grid时，希望移动到下一个单元格

文件：

下面是我创建网格的代码

grid=newgriddhx（gridContainer.current，{columns:props.columns，data:props.data，adjust:true， 是的， 自动清空罗：是的， 自动宽度：正确， 选择：“单元格”， enableEditEvents:true });

和修改的单击事件进行编辑

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

“我想要”选项卡应采用下一个单元格并可编辑。我试着在下面的代码中结束编辑，同时按下tab键

grid.events.on（“beforeKeyDown”，函数（e）{ 如果（如键==“制表符”）{

---

我想你可以试试这样的东西：

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);
    }
  }
})

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);
    }
  }
})