Question

我正在使用带有MVC的JavaScript的KendoUI控件。我有一个由“kendoWindow”创建的弹出窗口。它工作正常，但是当我按下ESC键时它会自动关闭。我想禁用ESC键，以便只能通过取消按钮或关闭按钮关闭窗口弹出窗口。

这是我的Kendo Window代码。

 var  wndEditClient= $("#divEditClient")
        .kendoWindow({
            title: "Edit Client",
            modal: true,
            visible: false,
            resizable: false,
            width: 450,
            actions: ["Close"]
        }).data("kendoWindow");

wndEditClient.open();

请建议。

我尝试了JavaScript按键事件，但所有这些都没有用。

  $(document).bind("keypress", function (e) {      
        if (e.keyCode == 27) {
            e.preventDefault();
        }
    });

试过这个但没有用。

Answer 1

在包含你的第一个Kendo Window指令之前加上它：

$(function () {
    kendo.ui.Window.fn._keydown = function (originalFn) {
        var KEY_ESC = 27;
        return function (e) {
            if (e.which !== KEY_ESC) {
                originalFn.call(this, e);
            }
        };
    }(kendo.ui.Window.fn._keydown);
});

（demo）

在Kendo Window Popup上禁用Esc键

1 个答案: