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

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 元素（包装器）。这个元素作为原始的 one plusid给出。id-list

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

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

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

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

Answer 2

I got the answer from telerik today:

Currently, the width of the popup element can be set only programatically.

Answer 3

萨拉姆！

这.width(400)不是配置设置，它是jQuery 宽度方法，因此您不能装饰性地为自动完成设置宽度。

如果您在项目中使用 MVVM 框架，自定义绑定可能会帮助您添加自定义绑定，例如<input id="autoComplete" data-bind="listwidth: 400" />用于自动完成。

如果您想使用自定义绑定，请参阅此演示。