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

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

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

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

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

Спасибо.


scroll css gwt suggestbox
person user_1357    schedule 13.12.2010    source источник

Ответы (2)


arrow_upward
11
arrow_downward

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

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

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

.suggestPopupContent{
    height: 100px;    
    overflow-y: scroll;
}
person Ali Shakiba    schedule 13.12.2010
comment
Я использовал трюк css, чтобы добавить полосу прокрутки во всплывающее окно с предложением, это работает, но есть ошибка: если вы используете клавиши со стрелками для навигации по вариантам, прокрутка не следует! Я не знаю, как это изменить. - person Maxime ARNSTAMM; 07.12.2011
comment
@MaximeARNSTAMM Не уверен, но вы можете использовать onfocus и несколько строк кода для прокрутки в сфокусированном режиме. - person Ali Shakiba; 08.12.2011
comment
@MaximeARNSTAMM см. ответ stackoverflow.com/a/24235088/1357094: вы будете использовать тот же CSS, что и этот ответ, вместе с относительно простым расширением SuggestBox (в отличие от взлома самого SuggestBox, как это делают многие другие ответы). - person cellepo; 28.05.2015

arrow_upward
-1
arrow_downward

2)

new SuggestBox().setStyleName(/* здесь ваш стиль */);

person Community    schedule 18.12.2010
comment
Это не влияет на панель предложений (фактическое всплывающее окно) - person l3dx; 18.01.2012