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

Question

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

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

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

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

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

使用自动完成功能：

你有什么建议吗？

提前致谢，

Lefteris

Answer 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