Как отобразить горизонтальную полосу прокрутки в ExtJS ComboBox?

Question

Раскрывающийся список со списком получает размер поля со списком, а отображение элементов с более длинным текстом просто обрезается.

Я попробовал возиться с CSS Ext для комбо безуспешно.

Кто-нибудь знает, как это можно сделать?

Использование ExtJS 3.2.0.

EDIT: Также будут оценены альтернативные решения для улучшения удобства использования, например, получение списка для расширения с содержанием.

Answer 1

Я не знаю, как вы можете добавить полосу прокрутки, но я знаю, что вы можете изменить ширину списка с помощью хорошо названного свойства:

listWidth :Number

Ширина (используется в качестве параметра для Ext.Element.setWidth) раскрывающегося списка (по умолчанию - ширина поля ComboBox).См. Также minListWidth

Для горизонтальной прокрутки потребуется много изменений, поскольку ширина контейнера списка принудительная, поэтому атрибуты «переполнения» в css бесполезны.

Редактировать: Другой метод

Вы можете добавить этот пользовательский CSS, для меня это, кажется, работает хорошо, как перенос длинных строк.

.x-combo-list-item  {
  white-space:normal;
}

Конечно, если вы добавите этоон будет применяться ко всем спискам комбо.

Вы можете установить listClass : 'x-combo-list-wrap' в своем Ext.form.ComboBox, а затем применить CSS только к следующим элементам:

x-combo-list-wrap .x-combo-list-item  {
  white-space:normal !important;
}

(Я не уверен, что! Здесь важно, не проверено)