Добавление прокрутки в GWT SuggestBox

Question

Кто-нибудь знает, как:

1) Добавить прокрутку к всплывающему окну, созданному SuggestBox?

2) Как эффективно настроить внешний вид (CSS) SuggestBox?

Я хочу внести вышеупомянутые изменения, не затрагивая фактическую реализацию в максимально возможной степени. Также это решение должно поддерживать (IE7-IE8, FF, Chrome).

Благодарю.

Answer 1

Используйте дополнение Firebug для Firefox (или отладчик IE/Chrome), чтобы проверить элемент, который необходимо изменить, для его стиля и посмотреть, назначил ли GWT ему имя класса стиля [или прочитал его JavaDoc]. В данном случае это gwt-SuggestBoxPopup для внешнего элемента и множество других имен классов стилей для внутренних элементов, таких как offerPopupMiddle, SuggesPopupMiddleCenterInner и offerPopupContent. Используйте эти имена классов для изменения стиля компонентов.

Чтобы добавить вертикальную (горизонтальную) прокрутку, вам нужно указать высоту (ширину) или максимальную высоту и использовать overflow-y: scroll; (переполнение-x: прокрутка;) или переполнение: прокрутка; Используйте авто вместо прокрутки, чтобы скрыть полосу прокрутки, когда в этом нет необходимости.

Итак, ваш короткий ответ:

.suggestPopupContent{
    height: 100px;    
    overflow-y: scroll;
}

Answer 2

2)

новый SuggestBox().setStyleName(/* ваш стиль здесь */);

Answer 3

См. Этот другой вопрос / ответ ( /questions/43282007/kak-avtomaticheski-prokrutit-gwt-suggestbox-s-max-height-i-overflow-y-scroll/43282018#43282018) для решения, которое не имеет ошибки полосы прокрутки из принятого ответа здесь.