Kendo ui - vô hiệu hóa việc kéo cửa sổ

Question

Chúng ta có thể tắt thao tác kéo cho cửa sổ kendo ui http://demos.kendoui.com/web/window/index.html không?

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"); 
     } 
    }); 

Tôi có thể ẩn nút X ở trên cùng bên phải - nhưng tôi không thể tắt sự kiện kéo.

Ngoài ra,

Tôi đã thử sau:

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

Nhưng không may mắn. Mọi con trỏ sẽ hữu ích ...

Answer 1

Bạn nên đặt tùy chọn draggable thành false.

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

Và đây là một bản demo trực tiếp: http://jsbin.com/OseCeBu/1/edit