Die Gruppierung der dynamischen datatable-Spalten in primefaces 3.5

Sagen, dass ich eine <p:datatable> mit 2 statischen Spalten und eine Liste der dynamischen Spalten. Wie kann ich einen header über die dynamischen Spalten nur?

Um genauer zu sein, ist hier, wie es Aussehen muss: 

-------------------------------------------------------------------------
|               |               |         Header over dynamic columns   |
| StaticColumn1 | StaticColumn2 |----------------------------------------
|               |               | DynamicCol1 | DynamicCol2 | ........  |
-------------------------------------------------------------------------
|               |               |             |             |           |
-------------------------------------------------------------------------
|               |               |             |             |           |
-------------------------------------------------------------------------

Hab ich schon versucht mit <p:columnGroup> aber es scheint, dass es nicht unterstützt <p:columns>.

Vielen Dank im Voraus.

InformationsquelleAutor vadim | 2014-02-03
  1. 11

    Nach dem Lesen der Primefaces Dokumentation, ich fand, dass dieses feature nicht umgesetzt (zumindest bis version 4.0) und so kam ich auf einen workaround:

    <p:dataTable value="#{backedBean.datatableList}" var="datatableRow">
    <p:columnGroup type="header">
        <p:row>
            <p:column rowspan="2" headerText="StaticColumn1"/>
            <p:column rowspan="2" headerText="StaticColumn2"/>
            <p:column colspan="#{backedBean.listOfDynamicColumns.size()}" 
                  headerText="Header over dynamic columns" />
        </p:row>
        <p:row>  
            <c:forEach items="#{backedBean.listOfDynamicColumns}" var="dynamicColumn">
                <p:column headerText="#{dynamicColumn.name}" />
            </c:forEach>
        </p:row>
    </p:columnGroup> 

    <p:column>
        #{datatableRow.value1}
    </p:column>
    <p:column>
        #{datatableRow.value2}
    </p:column>
    <c:forEach items="#{backedBean.listOfDynamicColumns}" var="dynamicColumn">
        <p:column>
            #{datatableRow[dynamicColumn]}
        </p:column>
    </c:forEach>

</p:dataTable>

    Beachten Sie, dass ich verwendet <c:forEach> was ist ein build-time-tag statt <ui:repeat> was ist ein render-Zeit-tag.

    InformationsquelleAutor vadim
Schreibe einen Kommentar