PrimeFaces panelGrid

Question

PrimeFaces组件中是否有替代panelGrid？我需要更多可修复的设计表单？某些支持colspan属性的东西！

Answer 1

如果你想要的只是colspan，那么只需使用普通香草HTML或使用Tomahawk的<t:panelGrid>和<t:panelGroup>，它支持colspan属性。

RichFaces也支持colspan的组件，但这并不总是与PrimeFaces一起完美地工作。

Answer 2

可悲的是，<h:panelGrid>没有其他选择。

但希望您可以使用<p:layout>和<p:layoutUnit>更多可固定的表单设计。

并没有限制使用<table>和<div>几乎没有CSS。就我个人而言，我会坚持使用panelGrid，因为它是一个JSF组件，具有更多的JSF-ish属性。

Answer 3

我不知道为什么我以前的答案被管理员删除，但PrimeFaces 3.1将有一个panelGrid组件。 “：行和P：P列” http://www.primefaces.org/showcase-labs/ui/panelGrid.jsf

Answer 4

您可以通过实现这个面板网格

例如：

<p:panelGrid style="margin-top:20px"> 
<f:facet name="header"> 
    <p:row> 
     <p:column colspan="7">1995-96 NBA Playoffs</p:column> 
    </p:row> 
    <p:row> 
     <p:column colspan="2">Conf. Semifinals</p:column> 
     <p:column colspan="2">Conf. Finals</p:column> 
     <p:column colspan="2">NBA Finals</p:column> 
     <p:column>Champion</p:column> 
    </p:row> 

</f:facet> 

<p:row> 
    <p:column style="font-weight: bold;">Seattle</p:column> 
    <p:column style="font-weight: bold;">4</p:column> 

    <p:column rowspan="2" style="font-weight: bold;">Seattle</p:column> 
    <p:column rowspan="2" style="font-weight: bold;">4</p:column> 

    <p:column rowspan="5">Seattle</p:column> 
    <p:column rowspan="5">2</p:column> 

    <p:column rowspan="11" style="font-weight: bold;">Chicago</p:column> 
</p:row> 
</p:panelGrid> 

For Complete Example please visit prime faces show case