如何为剑道模态添加全局事件侦听器并执行某些操作？

Question

我是kendojs的新手 我正在尝试做的是： 我想在模态打开时禁用html和body元素上的滚动。 并在所有模式关闭时启用滚动。

那么我该如何设置全局侦听器来检测何时打开或关闭剑道模态？

我尝试过：

kendo.ui.Dialog.bind("open", function(){
    console.log("dialog is opened");
}) 

我也尝试过

$(document).data("kendoDailog").bind("open", function(){}) 

我也尝试过

kendo.ui.Dialog.fn.open = function(){}

$(document).data(".k-widget.k-window.k-dialog").bind("open", function() {
    console.log("stan");
});

$(document).data("kendDialog").addEventListener("open", function(){
    console.log("Dialog Modal is opened");
});

kendo.ui.Dialog.fn.bind("open",function(e,s){
    console.log(e); console.log(s)
})

kendo.ui.Dialog.bind("open", function(){
    console.log("tester");
});

Answer 1

我的解决方案（但需要更多工作）： 在每个主要模态上，将其添加到options对象中：

open: function(e) {
  $("html, body").css("overflow", "hidden");
},
close: function() {
  $("html, body").css("overflow", "visible");
}