Декларативный список инициализации ширина кендо автозаполнения

Существует ли какой-либо способ декоративного определения ширины списка в HTML. Я знаю, что могу это сделать 

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

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

Но я хочу сделать это только в HTML. Я уже пробовал:

data-list-width="400"
3 2
autocomplete declarative kendo-ui

3 ответа:

Когда вы создаете autocomplete в Kendo UI, он создает второй HTML-элемент (оболочку) для выпадающих опций. Этот элемент задается как id id исходного плюс -list.

Вы можете определить стиль CSS для этой вновь созданной оболочки следующим образом: 

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

Вам нужно использовать !important, иначе значение, вычисленное Kendo UI, превалирует над вашим.

Пример в этой скрипке JS: http://jsfiddle.net/OnaBai/n55w8/

2

Сегодня я получил ответ от телерика:

в настоящее время ширину всплывающего элемента можно задать только программно.

1

Салам!

.width(400) не является настройкой конфигурации, это метод jQuery width, поэтому вы не можете установить ширину для вашего автозаполнения декоративно.

Если вы используете MVVM framework в своем проекте, возможно, пользовательская привязка поможет вам добавить пользовательскую привязку, например <input id="autoComplete" data-bind="listwidth: 400" /> для автозаполнения.

Смотритеэту демонстрацию , Если вы хотите использовать пользовательскую привязку.

0