Primefaces Panelgrid 未正确渲染答案

【问题标题】：Primefaces Panelgrid not rendered correctlyPrimefaces Panelgrid 未正确渲染
【发布时间】：2014-07-03 14:59:33
【问题描述】：

您好，我在使用 Panelgrid 时遇到问题。它没有正确渲染。下面的代码应该呈现两列：

 <p:panelGrid id="pnl" columns="3"  >
    <p:row>
        <p:column>
            <h:outputText value="Types" />
                <p:selectOneMenu  id="tipifase" value="#{home.t}" 
                            >
                                    <f:selectItems value="#{home.types}" />
                </p:selectOneMenu>
        </p:column>
    <p:column>
        <h:outputText value="Step 1"   /> <h:inputText value="#{faseAperta.step1}" />
        <f:verbatim><br /></f:verbatim>
        <h:commandLink  action="#{home.search}" > 
                <h:graphicImage value="images/icosearch.gif" style="{border: 0}" />
                    <h:outputText value="ID field" />
         </h:commandLink>
        </p:column>
        <p:column></p:column>
    </p:row>
    </p:panelGrid>

很遗憾

<h:commandLink  action="#{home.search}" > 
                    <h:graphicImage value="images/icosearch.gif" style="{border: 0}" />
                        <h:outputText value="ID field" />
             </h:commandLink>

在第一列下的新行上呈现。我希望有 thre 列。我的代码有什么问题吗？

【问题讨论】：

标签： jsf-2 primefaces

【解决方案1】：

<f:verbatim><br /></f:verbatim> 标记位于第三列，这就是命令链接位于第一列的原因。

如果你删除它，它会起作用。

【讨论】：

【解决方案2】：

正如另一个答案所述，<f:verbatim><br /></f:verbatim> 位于第三列。如果你想让你的组件“垂直堆叠”，你总是可以使用h:panelGrid。

<p:column>
  <h:panelGrid columns="1">
    <h:outputText value="Step 1"   /> <h:inputText value="#{faseAperta.step1}" />
    <h:commandLink  action="#{home.search}" > 
      <h:graphicImage value="images/icosearch.gif" style="{border: 0}" />
        <h:outputText value="ID field" />
    </h:commandLink>
  </h:panelGrid>
</p:column>

【讨论】：