Как визуализировать элементы в одной строке в Primefaces

66
4

У меня есть следующая форма:

    <h:form>    
<h:selectOneMenu value="#{userRequestBean.selectedAgencyId}">
<f:selectItem itemLabel="Select" noSeletionOption="true" />
<f:selectItems
value="#{userRequestBean.requestAgencies[userActiveRequest]}"
var="agency" itemLabel="#{agency[0]}" itemValue="#{agency[1]}" />
</h:selectOneMenu>

<p:commandButton value="Hire"
action="#{userRequestBean.hireAgency}">
<f:setPropertyActionListener target="#{userRequestBean.request}"
value="${userActiveRequest}" />
</p:commandButton>
</h:form>

и я хотел бы, чтобы SelectOneMenu и Button были на одной строке. Я попытался с помощью панелиGrid, но выбранное одно меню становится невидимым, то же самое происходит, когда я пытался использовать стандартную HTML-таблицу. Можете ли вы дать мне совет, как положить на одну строку? Заранее спасибо!

спросил(а) 2014-06-01T23:45:00+04:00 6 лет, 1 месяц назад
1
Решение
106

используйте панельGrid и играйте со columns. Если у вас есть N компонентов, и вы хотите поместить их в одну строку, установите для columns значение N следующим образом:

<h:form>
<p:panelGrid columns="2" id="oneLineStyle">
<h:selectOneMenu value="#{userRequestBean.selectedAgencyId}">
<f:selectItem itemLabel="Select" noSeletionOption="true"/>
<f:selectItems
value="#{userRequestBean.requestAgencies[userActiveRequest]}"
var="agency" itemLabel="#{agency[0]}" itemValue="#{agency[1]}"/>
</h:selectOneMenu>

<p:commandButton value="Hire"
action="#{userRequestBean.hireAgency}">
<f:setPropertyActionListener target="#{userRequestBean.request}"
value="${userActiveRequest}"/>
</p:commandButton>
</p:panelGrid>
</h:form>

ответил(а) 2014-06-02T07:40:00+04:00 6 лет, 1 месяц назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема