KendoUI自动完成列表显示在文本框的顶部

时间:2013-03-27 22:05:37

标签: asp.net-mvc autocomplete kendo-ui

我正在使用KendoUI进行MVC的第一步。我有一个非常简单的模型,它从数据库中读取表“Products”并将其作为强类型模型传递给视图。

我使用模型将其绑定到自动完成以获取建议值。这几乎没问题。这是使用以下Razor语法完成的:

@(Html.Kendo().AutoComplete()
     .Name("productAutoComplete")
     .DataTextField("Name")
     .BindTo(Model)
     .Filter(FilterType.StartsWith)
     .Placeholder("Select the product")
     .Suggest(true)
)

我遇到的问题是,包含自动填充建议的下拉列表会显示在文本框本身的顶部(而不是右下方)。

请参阅下图,而不在自动填充字段中输入任何内容:

without typing anything in the field

使用自动完成功能: after starting to type something

你有什么建议吗?

提前致谢,

Lefteris

1 个答案:

答案 0 :(得分:1)

我通过使用最新的jQuery库(1.9.1)而不是KendoUI(1.7.1)附带的库来克服这个问题。

我仍然不确定为什么这不适用于1.7.1(1.9.0+可以)。

无论如何,KendoUI最新版本(2013年第1季度)附带1.9.1 jQuery。不幸的是,这似乎不适用于作为针对ASP.NET MVC的KendoUI完成的试用

我希望这个解决方案可以帮助别人。

Lefteris