Сделайте jsf selectOneMenu открытым вверх - PullRequest
0 голосов
/ 01 сентября 2011

У меня есть selectOneMenu внизу моей страницы, и по умолчанию, когда я щелкаю по нему, меню опускается ниже нижней части страницы.Есть ли способ заставить его рендериться назад (то есть вверх)?

1 Ответ

1 голос
/ 01 сентября 2011

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

Если вы хотите, чтобы всегда выпадала, даже если вчтобы открыть его, затем единственное решение - превратить его в <ul><li> и добавить код CSS / JS, чтобы он выглядел как выпадающий выпадающий .Я гуглил, используя ключевое слово "dropup" и нашел такие примеры:


Обновление согласно комментариям: о, парень, почему ты не упомянул с самого начала, что ты использовал PrimeFaces <p:selectOneMenu>?Поскольку вы ничего не упомянули о сторонних библиотеках компонентов, я предположил, что это стандарт JSF <h:selectOneMenu>.PrimeFaces генерирует <ul><li> для достижения сексуального вида!

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

.ui-selectonemenu-panel {
    position: absolute !important;
    bottom: 0 !important;
}

Это заставит меню идти вверх, а не вниз.Есть некоторые стилистические ошибки (скрывает текущий выбор), но это зависит от вас (просто настройте значения от bottom до 30px или что-то в этом роде).В противном случае вы также можете просто использовать <h:selectOneMenu> и делегировать работу браузеру.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...