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

Question

我可以使用TAB浏览单元格。但是我想把重点放在不可编辑的单元格上。例如，当我在Units单元格上时，我想通过跳过描述单元格来关注下一个单元格（下一行ProductName单元格）。

这是stackblitz ..

Kendo grid navigation

Answer 1

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

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