ч: panelGrid непоследовательное распределение клеток

Question

Моя страница: ---

Что-то вызывает panelGrid создать пустую ячейку в несколько рядов.

Я хотел бы иметь видимую таблицу двух столбцов, первый столбец - метку, второй столбец - элемент inputText или selectMenu с помощью всплывающей подсказки.

Мое обходное решение было таким, создайте таблицу с тремя столбцами, и когда panelGrid решит не создавать пустую ячейку, добавьте <br></br>, чтобы она предложила это сделать.

  <h:panelGrid columns="3" style="text-align:left"> 
       <p:remoteCommand name="startJobActivate" actionListener="#{provisioningBean.startJobActivate}" /> 

       <h:outputLabel for="longitudeIdAct" value="Longitude: " /> 
       <p:inputText id="longitudeIdAct" value="#{provisioningBean.longitude}" title="Longitude" /> 
       <p:watermark for="longitudeIdAct" value="Longitude" /> 

       <h:outputLabel id="equipmentDropMenuActLabel" for="equipmentDropMenuAct" value="#{provisioningBean.accessDeviceLabel}" /> 
       <p:selectOneMenu id="equipmentDropMenuAct" value="#{provisioningBean.equipment}" title="Not needed for CSI or SIP" 
        disabled="#{provisioningBean.equipDisabled}" style="width: 100% !important"> 
        <f:selectItem itemLabel=" Equipment" itemValue="" noSelectionOption="true" /> 
        <f:selectItems value="#{provisioningBean.equipments}" /> 
       </p:selectOneMenu> 
       <p:tooltip for="equipmentDropMenuAct" /> 

       <h:outputLabel for="rangeActId" value="Range: " /> 
       <p:spinner id="rangeActId" value="#{provisioningBean.rangeAct}" min="1" title="Amount of telephone numbers to provide" size="3" 
        disabled="#{provisioningBean.rangeDisabled}" /> 
       <br></br> 
      </h:panelGrid> 

Это ошибка? Что мне здесь не хватает?

EDIT: О, аккуратно! Мне удалось создать минимальный пример, и он все еще имеет один и тот же вопрос: D https://gist.github.com/WurmD/f3cb45669e6871acc77462f34891862f

screenshot - you need 10 rep to post images

Так что это 3 столбца ч: panelGrid, но третья ячейка быть подхвачена то

EDIT2: То же поведение с р: panelGrid

Answer 1

Спасибо Kukeltje за этот ответ:

ч: panelGrid столбцы = «3» означает «начать новую строку после каждого третьего элемента»

Таким образом, либо поставить водяные знаки (и другие невидимые элементы) вне часов: panelGrid, или использовать ч: panelGroup для групп вещей, которые должны занимать только одну ячейку в таблице:

<p:remoteCommand name="startJobActivate" actionListener="#{provisioningBean.startJobActivate}" /> 
<p:panelGrid columns="2" style="text-align:left"> 
    <h:outputLabel for="orderIdAct" value="Order Number: *" /> 
    <p:inputText id="orderIdAct" value="#{provisioningBean.orderNumberAct}" label="orderId" title="Order Number" /> 

    <h:outputLabel for="customerNameIdAct" value="Customer: *" /> 
    <h:panelGroup> 
     <!-- h:panelGroup to group things that should only occupy 1 cell in the table --> 
     <p:inputText id="customerNameIdAct" value="#{provisioningBean.customerName}" title="Customer Name" /> 
     <p:watermark for="customerNameIdAct" value="Customer Name" id="watermarkcustomerNameIdAct" /> 
    </h:panelGroup> 

</p:panelGrid> 
<p:panel id="executePanelAct"> 
    <p:commandButton value="Execute Activation" id="actvateButton" update=":form:growl" styleClass="executeButton" /> 
</p:panel> 
<!-- Items that don't need to be in panelGrid --> 
<p:watermark for="orderIdAct" value="Order Number" id="watermarkorderIdAct" />