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

当您在 Kendo UI 中创建自动完成时，它会为下拉选项创建第二个 HTML 元素(包装器)。该元素以 id 形式给出，即原始一加 -list 的 id。

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

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

您需要使用!important，否则Kendo UI计算的值会优先于您的值。

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