如何在panelGrid中对齐outputLabel和selectOneMenu

Question

我需要使用 p：outputLabel 和 p：selectOneMenu 进行简单对齐，就像这个基本example

一样

但是，当我使用p：inputText时，它才起作用。

我需要这样的东西：

<p:panelGrid columns="2">

    <h:outputLabel for="idName" value="* #{msg.select_name}: " required="true" />
    <p:selectOneMenu id="idSName" value="#{manage.name}">  
            <f:selectItems value="#{manage.listNames}"  />
    </p:selectOneMenu> 

    <h:outputLabel for="idCountry" value="#{msg.select_country}: " required="true" />
    <p:selectOneMenu id="idCountryCustomer" value="#{manage.countrySelected}">  
                    <f:selectItems value="#{manage.listCountryCustomer}"  />  
    </p:selectOneMenu>

</p:panelGrid>

Answer 1

在p:selectOneMenu上，您应该应用vertical-align:middle：

<p:selectOneMenu id="idSName" value="#{manage.name}" style="vertical-align:middle;">  
        <f:selectItems value="#{manage.listNames}"  />
</p:selectOneMenu>

Answer 2

您在for="idName"中使用了<h:outputLabel>，但<p:selectOneMenu>的ID是“idSName”。名字必须匹配。

您也可以尝试使用<p:outputLabel>代替<h:outputLabel>。