如何使用 jquery 防止 kendo 网格中箭头键上的模态移动？

Question

我正在研究 kendo 网格。下面是弹出窗口编辑的示例，其中包含代码段 link。在这里，kendo 网格在单击 添加新记录 按钮时为我提供了一个弹出窗口。当我按下箭头键（向右、向左、向上、向下）时，弹出窗口会向按下箭头的方向移动。我想阻止箭头（右、左、上、下）键的弹出移动。

Popup Link

谢谢。

Answer 1

没有用于此的内置选项，但您可以通过删除 window 打开事件上的 windows 选项卡索引来阻止 window 键导航。

editable: {
    mode: "popup",
    window: {
        title: "My Custom Title",
        animation: false,
        open: function() {
           $(".k-window").add(".k-window-content").attr("tabindex", "");
        }
    }
}

工作示例：kendo grid editable popup

或者，如果您不需要可拖动 window，您可以禁用它，按键导航将不再起作用：

editable: {
    mode: "popup",
    window: {
        title: "My Custom Title",
        animation: false,
        draggable: false
    }
}

如何使用 jquery 防止 kendo 网格中箭头键上的模态移动？

How to prevent movement of modal on arraw keys in kendo grid using jquery?

jquery

kendo-ui

kendo-grid