如何让两个Primefaces面板彼此相邻?

时间:2014-06-09 12:02:27

标签: java primefaces

在primefaces中是否有办法将两个primefaces面板放在一起? 面板仅以垂直对齐方式呈现。 无法将它们水平对齐,彼此相邻。 尝试使用h:panelGrid也。但没有运气。

这是代码片段:

<h:panelGrid>
  <p:row>
  <p:column>
       <p:panel id="panel22" header="New Bill">
         <p:inputText>aaa</p:inputText>
       </p:panel>
  </p:column>
  <p:column>
    <p:panel id="panel222" header="Chart">
        <p:inputText>bbb</p:inputText>
      </p:panel>
  </p:column>
 </p:row>
</h:panelGrid>   

1 个答案:

答案 0 :(得分:10)

尝试以下代码。这将显示两个面板并排显示相同的高度。

<h:panelGrid columns="2">
       <p:panel id="panel22" header="New Bill" style="height:200px">
         <p:inputText>aaa</p:inputText>
       </p:panel>
    <p:panel id="panel222" header="Chart" style="height:200px">
        <p:inputText>bbb</p:inputText>
      </p:panel>
</h:panelGrid>