kendo-ui - Kendo ui - 禁用窗口拖动

Question

我们可以禁用剑道ui窗口的拖动http://demos.kendoui.com/web/window/index.html ?

 var wnd1 = $("#window1");
     var wnd2 = $("#window2");
     wnd1.kendoWindow({
         width: "505px",
         height: "315px",
         title: "Window 1",
         iframe: false,
         content: "/Portal/LiveFeeds",
         resizable: false,
         open: function (e) {
             this.wrapper.css({ left: 10 });
             $(this.wrapper).find(".k-window-action").css("visibility", "hidden");
         }
     });
     wnd2.kendoWindow({
         width: "505px",
         height: "315px",
         title: "Window 2",
         iframe: false,
         content: "/Portal/Cases",
         resizable: false,
         open: function (e) {
             this.wrapper.css({ left: 525 });
             $(this.wrapper).find(".k-window-action").css("visibility", "hidden");
         }
     });

我能够隐藏右上角的 X 按钮 - 但我无法禁用拖动事件。

还，

我试过以下:

$('#window1').removeData('kendoDraggable');
     $('#window1').removeData('role');
     $('#window1').unbind('mousedown');
     $('#window1').unbind('selectstart');

但没有运气。任何指针都会有所帮助...

Answer 1

您应该设置 draggable选项 false .

$("#div1").kendoWindow({
  draggable: false
});

这是一个现场演示: http://jsbin.com/OseCeBu/1/edit