PrimeFaces panelGrid

Question

在PrimeFaces组件中有没有panelGrid的替代品？我需要一些更可修复的设计形式。以某种方式支持colspan属性的东西！

Answer 1

如果您想要的只是colspan，那么只需使用普通的HTML，或者使用带有支持colspan属性的的Tomahawk的。

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

Answer 2

你可以使用面板网格中的"p:row and p:column“来实现这一点

示例：

<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

Answer 3

遗憾的是，目前还没有<h:panelGrid>的替代方案。

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

而且在使用<table>和<div>时没有任何限制。就我个人而言，我会坚持使用panelGrid，因为它是一个具有更多JSF属性的JSF组件。