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

Question

В раскрывающемся списке combo отображается размер Combo, а отображение элементов с более длинным текстом просто обрезается.

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

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

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

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

Answer 1

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

listWidth: Номер

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

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

Edit: Другой метод

Вы можете добавить пользовательские 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; 
} 

(я не уверен, что важно здесь полезна, не тестировался!)