2016-09-23 4 views
0

マイページ--- ---h:panelGridのセルの一貫性のない割り当て

何かが原因で、いくつかの行に空のセルが作成されています。

私は可視の2列テーブル、最初の列のラベル、2列目のinputText要素、またはツールチップを持つselectMenuを持っています。

私の回避策は3列のテーブルを作成し、空のセルを作成しないように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列hである:panelGridが、3番目のセルは何か

に巻き取られていますEDIT2:Pと同じ動作:panelGrid

+0

あなたはの画像をアップロードできますそれはどのようなものか? p:panelGridを使用するとどうなりますか?ハードコーデットテキストを使用した簡単な例を作成して簡単にテストできますか? –

+0

@ JaqenH'ghar:done :) – WurmD

+0

3列は、それぞれの3番目の要素の後に新しい行が始まることを意味します。関連するものはパネルグリッドの外側に移動しないか、物をグループ化しパネルグループの数を1にするために 'h:panelgroup'素子 – Kukeltje

答えて

0

は、この回答のためにあなたにKukeltjeありがとう:

時間:panelGrid列= "3" が

"の各第三の要素の後に新しい行を開始する" 意味をpanelGrid、または使用時間:

このように、いずれかの時間外透かし(および他の不可視エレメントを)置くだけテーブル内の1つのセルを占有しなければならないグループのものに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" /> 
関連する問題