GWT Горизонтальная панель с горизонтальной прокруткой

Question

Есть ли способ реализовать горизонтальную прокрутку на горизонтальной панели?

или любую другую панель можно использовать для достижения функциональности, указанной ниже -

Требование заключается в том, что я создаюпанель поиска, где элементы поиска добавляются по мере того, как пользователь вводит их (что-то похожее на это - http://documentcloud.github.com/visualsearch/)) Ну, у меня есть работающая функциональность, и даже внешний вид схож, но на горизонтальной панели я борюсь.горизонтальная панель как панель поиска, и в нее встроено поле подсказки. поэтому, когда пользователь вводит данные, элементы поиска добавляются на горизонтальную панель, но по мере добавления элементов поиска горизонтальная панель увеличивается в размере и выходит за пределыПоявится горизонтальная полоса прокрутки экрана и браузера. Но мне нужна была полоса прокрутки на самой горизонтальной панели. Можно ли этого добиться? Хотите идей? Любая помощь приветствуется. Спасибо.

Answer 1

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

Вот выдержка из ui.xml:

<ui:style>
    .scrollHorizontal{
        overflow-y: hidden !important;
        /* !important used to force override the style "overflow:scroll"
            of the ScrollPanel */
    }
</ui:style>

<g:ScrollPanel addStyleNames="scrollHorizontal">
    <g:HorizontalPanel ui:field="resultsPanel" />
</g:ScrollPanel>

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

Answer 2

Возможно, вы захотите использовать атрибут css overflow-x.Если вы хотите, чтобы он прокручивался, установите значение прокрутки или авто.Если вам нужно ограничить размер div определенным образом, вам может понадобиться управлять им программно.