我有这个非常奇怪的问题,在花了几个小时之后不知道如何解决它。基本上,我的Kendo UI自动完成功能会按预期填充下拉列表。但是,当我尝试通过仅将鼠标拖到它上面并在下拉列表中单击时选择一个值时,该值不会被选中。当我在下拉区域外导航鼠标并返回时,它允许我选择一个没有任何问题的值。如果我用鼠标向下导航然后备份并选择一个值,它也可以正常工作。使用键盘滚动下拉列表并选择一个值也可以正常工作。
因此,基本上,Kendo UI选择事件没有正常启动。我尝试通过这样的绑定来解决这个问题:
$("ul").on("click", "li", function (event) {
debugger;
});
这应该绑定到自动完成下拉列表元素。但是,它也没有在上述情况下适当地发射。
我还尝试了一个解决方法/黑客建议:http://www.kendoui.com/forums/ui/autocomplete/select-event-not-fired.aspx无济于事。
所以,基本上,我没有想法。如果我无法解决这个问题,我只需要在我的项目中删除Kendo UI并为jQuery UI提供一个镜头。
提前多多感谢。
P.S我的自动完成绑定如下所示:
$("#autocomplete").kendoAutoComplete({
filter: 'contains',
minLength: 2,
dataTextField: "Name",
placeholder: "Search ...",
height: 300,
dataSource: {
type: "json",
serverFiltering: true,
serverPaging: true,
pageSize: 50,
transport: {
read: {
url: '/api/myUrl,
data: {
MaxRecords: 50,
Search: function (e) {
return $('#myID).val();
}
}
}
}
},
select: function (e) {
debugger;
var dataItem = this.dataItem(e.item.index());
}
});