Question

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

所以基本上，我需要某种功能，当用箭头键导航时，将选定的行绑定到聚焦单元格，或者创建新行，或者选择删除。如果有人愿意帮助我，我会非常感激。：）

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

Kendo UI网格键盘导航

1 个答案: