KendoUI自動完成列表出現在文本框的頂部

我正在用KendoUI進行MVC的第一步。我有一個非常簡單的模型，它從數據庫中讀取一個表「Products」，並將它作爲強類型模型傳遞給視圖。KendoUI自動完成列表出現在文本框的頂部

我正在使用該模型將其綁定到自動完成以獲取建議的值。這工作得很好。這是使用做了以下剃刀語法：

@(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

來源

2013-03-27 Lefteris

您是否在頁面上包含了正確的CSS文件？如果沒有這些，劍道將無法正確渲染。 – Jasmine 2013-03-27 22:15:32

我使用「ASP.NET MVC VSExtensions的Telerik Kendo UI」設置項目。我想它已經包含了正確的CSS（據我所見） – Lefteris 2013-03-27 22:31:17

我懷疑一些浮動divs搞亂了它，但很難說。 CSS的東西有點常見，但看起來你已經鏈接了文件。打開你的Chrome元素檢查器，看看你是否能夠弄清楚其中一個封閉元素是否被破壞。 – Jasmine 2013-03-28 17:04:44

我已經克服了採用最新的jQuery庫（1.9.1）的問題，而不是一個隨KendoUI（1.7.1）。

我仍不確定爲什麼這不適用於1.7.1（1.9.0+就可以）。

在任何情況下，KendoUI最新版本（Q1 2013）都附帶1.9.1 jQuery。不幸的是，這似乎並沒有可用作爲KendoUI完整的ASP.NET MVC

我希望這個解決方案可以幫助別人。

Lefteris

來源

2013-03-31 14:32:15 Lefteris

KendoUI自動完成列表出現在文本框的頂部

回答

相關問題