kendo 网格冻结导航

Question

我有一个带有 Navigatable 选项的 kendo 网格，当我按下 Tab 时，网格导航工作正常。但是当我将网格中的某些列锁定（冻结列）时，网格导航无法按预期工作。导航仅适用于冻结的列，然后适用于未冻结的列。

@(Html.Kendo().Grid<ProcessModel>()
      ...
  .Navigatable())

dojo.telerik.com/@joeTopazz/ODEbA

提前致谢。

Answer 1

当网格启用了键盘导航时，在使用 incell 编辑时，仅 管理小部件内的制表符。在您使用 inline 编辑的示例中，制表符由浏览器管理，并且由于用于锁定和解锁列的单独表格，观察到的行为是预期的。

要获得所需的 Tab 键顺序，请使用 incell 编辑，或为网格的 edit 事件中编辑行的所有按钮和输入设置 tabindex：

http://dojo.telerik.com/EVuNe

$("#grid").kendoGrid({
    navigatable: true,
    editable: "inline",
    edit: function(e){
        e.sender.wrapper
            .find(".k-grid-edit-row input,.k-grid-edit-row a")
            .attr("tabindex", 1);
    }
});