autocomplete - 声明式初始化列表宽度剑道自动完成

Question

有什么方法可以装饰性地定义 HTML 中的列表宽度。
我知道我可以做到

var autoComplete = $("#autoComplete").data("kendoAutoComplete");

// set width of the drop-down list
autoComplete.list.width(400);

但我只想用 HTML 来做。
我已经尝试过:

data-list-width="400"

Answer 1

创建 autocomplete 时在 Kendo UI 中，它为下拉选项创建第二个 HTML 元素(包装器)。该元素被指定为 id id原一加-list .

您可以为这个新创建的包装器定义一个 CSS 样式:

#autocomplete-list {
    width: 300px !important;
}

您需要使用 !important否则，Kendo UI 计算的值会比你的更流行。

此 JS Fiddle 中的示例: http://jsfiddle.net/OnaBai/n55w8/