声明性初始化列表宽度kendo自动完成

Question

有没有办法在HTML中装饰性地定义List宽度。 我知道我能做到这一点

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中创建autocomplete时，它会为下拉选项创建第二个HTML元素（包装器）。此元素的格式为id原始id的{​​{1}}加上-list。

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

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

您需要使用!important，否则Kendo UI计算的价值会超过您的价值。

这个JS小提琴的例子：http://jsfiddle.net/OnaBai/n55w8/

Answer 2

我今天得到了telerik的回答：

目前，弹出元素的宽度只能以编程方式设置。

Answer 3

萨拉姆！

.width(400)不是配置设置，而是jQuery width方法，因此您无法为装饰自动完成设置宽度。

如果您在项目中使用MVVM框架，也许Custom binding可帮助您为自动填充添加<input id="autoComplete" data-bind="listwidth: 400" />等自定义绑定。

如果您想使用自定义绑定，请参阅this demo。