我们可以禁用kendo 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");
}
});
Run Code Online (Sandbox Code Playgroud)
我能够隐藏右上方的X按钮 - 但我无法禁用拖动事件.
也,
我试过以下:
$('#window1').removeData('kendoDraggable');
$('#window1').removeData('role');
$('#window1').unbind('mousedown');
$('#window1').unbind('selectstart');
Run Code Online (Sandbox Code Playgroud)
但没有运气.任何指针都会有所帮助......
我现在正在评估 kendo ui 以在我们的大型应用程序中使用。我们有一种情况,下拉列表中有很多值(例如 200+),并且有超过 1 个具有该大小的下拉列表。所以如果我们有一个复杂的形式。页面加载需要时间来呈现表单。(由于每个盒子都需要从服务中加载并填充)。
我们通过在 kendo ui 的下拉列表中编写我们自己的带有按需支持(如 autoBind 属性)的 asp.net web 控件来避免这种情况。
现在,KendoUI 的 DropDownList 使用 autobind = false 来达到目的,但是在设置值时,它首先从远程绑定中获取数据,然后选择适当的值。(这很酷,对于小列表非常有用)但是这可能意味着当我们加载页面并设置值时,它将为每个下拉列表发出远程绑定调用。
现在,
我们可以在不发出远程绑定的情况下设置值/文本。我们希望仅当用户单击下拉菜单时才进行远程绑定。(不是在我们填写表格时)。这将节省对系统的额外调用,并有助于快速将表单呈现给用户。
这里是 JS Bin
http://jsbin.com/ayivad/3/edit
如果来自 kendo ui 的人希望我帮忙 - 让我知道,但这个想法将使我们能够很好地使用 kendo ui 下拉菜单。
<input type="button" id="btnSet" value="Set Value (Click without clicking on DropDown" />
<br/><br/>
<select id="products"></select>
$(document).ready(function () {
$("#products").kendoDropDownList({
dataTextField: "ProductName",
dataValueField: "ProductID",
autoBind: false,
dataSource: {
transport: {
read: {
dataType: "jsonp",
url: "http://demos.kendoui.com/service/Products",
}
}
}
});
var combobox = …
Run Code Online (Sandbox Code Playgroud) kendo-ui ×2