javascript - 如何使用Javascript防止页面滚动上的Kendo下拉列表折叠？

我面临一个奇怪的问题，并尝试实现 3 个解决方案，但对我来说没有用。

问题在于剑道下拉菜单在外页滚动时折叠的默认功能。我想防止崩溃并做了一些研究。

我有一个解决方案 here 来防止这种情况发生，但这在 预览 部分显示的 下工作正常，但在 Dojo(右上 Angular 的链接) 和实际项目中同样不起作用。

我看不出有什么区别可以防止 Dropdown 在 Preview 和 Dojo 中崩溃。

请帮助我解决与剑道新手相同的问题。

最佳答案

我相信您需要处理小部件的 close 事件才能控制此行为。
下面是一个例子:

 <input id="dropdownlist" />
    <script>
        $("#dropdownlist").kendoDropDownList({
          dataSource: [ "text1", "text2" ],
          close: _myClose.bind(this)
        });

        var _myClose = function (e) {
            var wish = true;
            var element = e.sender;
            if (wish) {
                e.preventDefault();
            }
        };
</script>

我将 这个 绑定(bind)在一起，这样你就可以利用你的类属性。如果需要，您可以将其删除。剑道小部件实例在 e.sender 对象下可用。

这是 Docs 的链接。
希望能帮助到你。

关于javascript - 如何使用Javascript防止页面滚动上的Kendo下拉列表折叠？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36308325/