PrimeFaces panelGrid

Question

Existe-t-il une alternative pour panelGrid dans les composants PrimeFaces? J'ai besoin de quelque chose de plus fixable pour concevoir des formulaires? Quelque chose qui prend en charge l'attribut colspan en quelque sorte!

Answer 1

Si vous voulez tout est colspan, puis il suffit d'utiliser HTML vanilles ou utiliser <t:panelGrid> de Tomahawk avec <t:panelGroup> qui prend en charge l'attribut colspan.

RichFaces a également des composants prenant en charge colspan, mais cela ne fonctionne pas toujours parfaitement avec PrimeFaces.

Answer 2

Malheureusement, il n'y a pas encore d'alternative pour <h:panelGrid>.

Mais j'espère que vous pouvez utiliser le <p:layout> et <p:layoutUnit> pour plus de conception de formulaire fixable. Il n'y a aucune restriction utilisant <table> et <div> avec peu de CSS. Personnellement, je m'en tiendrai à panelGrid parce que c'est un composant JSF, avec plus d'attributs JSF-ish.

Answer 3

Je ne sais pas pourquoi ma réponse précédente a été supprimée par les administrateurs, mais PrimeFaces 3.1 aura un composant panelGrid. http://www.primefaces.org/showcase-labs/ui/panelGrid.jsf

Answer 4

Vous pouvez le faire en utilisant "p: ligne et p: colonne" dans le panneau Grille

exemple:

<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