在Angular 6中使用TAB跳过Kendo网格导航中不可编辑的单元格

Question

我可以使用TAB在单元格中导航。但我想跳过焦点到不可编辑的单元格。例如，当我位于“单位”单元格时，我想通过跳过“描述”单元格来关注下一个单元格（下一行“产品名称”单元格）。

这是堆积如山的炸弹。

Kendo grid navigation

Answer 1

我建议使用[editable] =“ false”将kendo-grid-columns标记为禁用，然后将以下代码块添加到InCellTabDirective onKeydown（）;中。如果网格可编辑为false，它将聚焦到下一个可编辑单元格。

if(!this.grid.isEditingCell())
{
   this.grid.focusNextCell(this.wrap);
}