javascript - Kendo UI 下拉列表过滤器问题

标签 javascript jquery kendo-ui

我使用的是最新的 Kendo UI 版本和 jQuery 1.8 版。

除了在 Kendo 下拉列表中过滤外,一切都很好。启用过滤器后,下拉菜单会在打开后立即关闭。请在此处查看 fiddle : http://jsfiddle.net/EaNm4/389/

HTML

<input id="dropdownlist" />

JavaScript

$('#dropdownlist').kendoDropDownList({
    optionLabel: 'Select option...',
    dataTextField: 'text',
    dataValueField: 'value',
    dataSource: data,
    filter: "contains"
});

当我将 jQuery 更改为更高版本 (>= 1.9) 时,问题得到解决。但是由于某些原因,我目前无法升级 jQuery 版本。 有谁知道在不更改 jQuery 版本的情况下解决此问题的“HACK”? 谢谢。

最佳答案

你可以试试这个:

$("[data-role=dropdownlist]").each(function () {
    var widget = $(this).data("kendoDropDownList");

    widget.wrapper.on("keydown", function (e) {
        e.stopImmediatePropagation();
    });
});

这不是我的代码,不幸的是我找不到源代码,但据我了解,包装器允许您定义一些下拉列表本身不支持的选项,例如 keylistener 和“e.stopImmediatePropagation”在这种情况下,其工作方式与“e.preventDefault”类似,但仅适用于上下 Action 。我的问题与您的类似,这已解决。

关于javascript - Kendo UI 下拉列表过滤器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32174510/

相关文章:

javascript - jQuery-validate 不适用于 Kendo Button(包括 jsfiddle)

jquery - pageYOffset 的 jQuery 等效项是什么?

javascript - jQuery-UI 对话框仅显示 for 循环的最后一次迭代

javascript - 停止自动输入下一个/上个月 Datetimepicker

kendo-ui - 在免费和开放源代码Kendo UI核心的js文件夹中找不到js/kendo.all.min.js(想实现拆分器)

javascript - 在列表中选择 AngularJS 复选框

javascript - 通过 javaScript 编辑特定的内联 &lt;style&gt;

javascript - jQuery 的 div 调整大小问题

javascript - React 16错误边界组件(使用componentDidCatch)显示 Uncaught Error

asp.net-mvc - Kendo UI 调度程序 : Custom view and edit behavior