javascript - Kendo UI 网格键盘导航

Question

我想制作一个可编辑、可导航的剑道网格，它可以在其他人填满时设置字段。我的问题是，必须选择该行才能执行此类操作，但标准键盘导航仅使用箭头键移动焦点字段，而不移动所选字段。 此外，我发现了一些可能是它的东西，但我似乎并没有破解它。这是链接: http://www.kendoui.com/forums/kendo-ui-complete-for-asp-net-mvc/grid/grid-keyboard-navigation-code-sample.aspx

所以基本上，我需要某种功能，在通过箭头键导航时将选定的行绑定(bind)到焦点单元格，或者创建一个新行，或者删除选定的行。如果有人愿意帮助我，我将不胜感激。 :)

Answer 1

要在 Kendo UI Grid 中启用键盘导航，您必须在初始化 ( http://demos.telerik.com/kendo-ui/grid/keyboard-navigation ) 中通过 navigatable 选项启用此功能

$("#grid").kendoGrid({
    ...
    selectable: "row",
    navigatable: true,
    ...
});

如果您想通过选择来导航行(无需聚焦和确认)，您应该手动处理 keydown 事件。在这种情况下，您可以找到焦点单元格并为此单元格选择行。

var data = $("#grid").data('kendoGrid');
var arrows = [38, 40];
data.table.on("keydown", function (e) {
  if (arrows.indexOf(e.keyCode) >= 0) {
      setTimeout(function () {
          data.select($("#grid_active_cell").closest("tr"));
      },1);
  }
}