小编Riz*_*med的帖子

Kendo ui - 禁用窗口拖动

我们可以禁用kendo ui窗口的拖拽http://demos.kendoui.c​​om/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

5
推荐指数
1
解决办法
5422
查看次数

Kendo UI - 下拉列表设置值 autoBind = false 设置

我现在正在评估 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

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

kendo-ui ×2