asp.net-mvc - KendoUI 自动完成列表出现在文本框的顶部

Question

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

我正在使用模型将其绑定到自动完成以获取建议的值。这几乎可以正常工作。这是使用以下 Razor 语法完成的：

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

我遇到的问题是包含自动完成建议的下拉列表出现在文本框本身的顶部（而不是在它的正下方）。

请查看下图，不要在自动完成字段中输入任何内容：

并使用自动完成功能：

你有什么建议吗？

提前致谢，

左撇子

Answer 1

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

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

无论如何，KendoUI 最新版本（2013 年第一季度）附带 1.9.1 jQuery。不幸的是，这似乎不能作为 KendoUI Complete for ASP.NET MVC 的试用版

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

左撇子