Question

我正在使用kendo dropd自己。下拉打开时，我在页面滚动时遇到问题。这是一个例子。

当kendo ui下拉打开时尝试使用鼠标滚轮滚动，kendo下拉列表将与其分离并使用滚动在页面上移动。有没有解决这个问题。要么使其在滚动时关闭，要么使用下拉本身移动它（不要从该元素中分离）。

要在此链接中生成方案：

打开下拉列表
使用鼠标滚轮向上/向下移动页面。列表也将通过从元素中分离来上下移动

任何帮助非常感谢。提前谢谢

HTML

<div id="container">
    <p>Scroll down for the KendoDropDownList:</p>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <select id="select">
        <option value="1">item 1</option>
        <option value="2">item 2</option>
        <option value="3">item 3</option>
        <option value="4">item 4</option>
    </select>
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

JS

$("#select").kendoDropDownList();

CSS

#container
{
    width:400px;
    height:200px;
    overflow:auto;
    position:fixed;
    top:100px;
    left:50px;
    border:1px solid #666;
}

html
{
    font:12px sans-serif;
}

Answer 1

检查此链接

滚动时只需启用来自剑道的关闭事件

http://jsfiddle.net/krustev/cQGrK/

   $(document.body).find("[data-role=popup]").each(function() {
   var popup = $(this).data("kendoPopup");
   popup.close();
   });

Answer 2

以下代码会在您尝试滚动时关闭您的Dropdownlist。

$('#ScrollingBox').scroll(function() {
   $("#YourDropdownListID").data("kendoDropDownList").close();
});

Kendo下拉列表定位问题滚动页面？

2 个答案: