单击窗口外的叠加时如何关闭KendoUI模式窗口？

Question

我打开了Kendo UI模态窗口,我想通过单击叠加来关闭它.我怎样才能做到这一点？

Answer 1

尝试这样的事情:

var dialog = $("#dialog2").kendoWindow({
    modal: true
}).data("kendoWindow").center();

$(document).on("click", ".k-overlay", function () {
    dialog.close();
});

(演示)

Answer 2

如果你想将它应用于所有的kendo窗口而不必拥有包含该实例的变量,你可以这样做:

    $(document).on('click', '.k-overlay', function () {
        var kendoWindow = $('.k-window-content.k-content', $(this).next('div.k-widget.k-window'));
        if (kendoWindow == null || kendoWindow.length == 0) {
            return;
        }
        kendoWindow.data('kendoWindow').close();
    });