PrimeFaces 5.3中如何按Bean字段分组渲染DataTable行？

嘿，我完全懂你在PrimeFaces 5.3里想做分组DataTable的困扰——毕竟高版本的<p:headerRow>和groupRow属性确实省心，但5.3里还没这些特性。别担心，我有两个靠谱的方案，都是5.3原生支持的，咱们一步步来：

方案1：利用rowIndexVar和条件渲染实现分组表头 #

这个方案的核心思路是：先确保你的数据已经按area字段排好序，然后在遍历每一行数据时，判断当前行的area是否和上一行不同，如果不同就渲染一个跨列的分组表头行。

第一步：在Bean中准备排序好的数据 #

首先要保证你的记录列表已经按area排序，不管是在数据库查询时加排序条件，还是在Bean里手动排序：

import java.util.Collections;
import java.util.Comparator;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class RecordBean {
    private List<Record> records;

    @PostConstruct
    public void init() {
        // 假设从服务层获取原始记录
        records = yourRecordService.getAllRecords();
        // 按area字段排序，确保同区域的记录在一起
        Collections.sort(records, new Comparator<Record>() {
            @Override
            public int compare(Record r1, Record r2) {
                return r1.getArea().compareTo(r2.getArea());
            }
        });
    }

    // getter方法
    public List<Record> getRecords() {
        return records;
    }
}

// 你的Record实体类示例
class Record {
    private String area;
    private String field1;
    private String field2;
    // getter和setter省略
}

第二步：页面上的DataTable实现 #

使用<p:dataTable>的rowIndexVar属性跟踪当前行索引，然后条件渲染分组表头：

<p:dataTable value="#{recordBean.records}" var="record" rowIndexVar="rowIdx"
             style="width: 100%;">
    <!-- 分组表头行：第一行 或 当前行area与上一行不同时渲染 -->
    <p:row rendered="#{rowIdx == 0 or record.area ne recordBean.records[rowIdx-1].area}"
           style="background-color: #f0f0f0; font-weight: bold;">
        <p:column colspan="3"> <!-- colspan值要和你数据列的数量一致 -->
            区域：#{record.area}
        </p:column>
    </p:row>

    <!-- 正常的数据行 -->
    <p:row>
        <p:column headerText="字段1">#{record.field1}</p:column>
        <p:column headerText="字段2">#{record.field2}</p:column>
        <p:column headerText="字段3">#{record.field3}</p:column>
    </p:row>
</p:dataTable>

方案2：使用p:subTable实现嵌套分组 #

这个方案更结构化，PrimeFaces 5.3支持<p:subTable>，我们可以先把数据按area分组，然后用父表遍历分组，子表显示对应区域的记录。

第一步：在Bean中分组数据 #

用LinkedHashMap来保存分组后的记录（保证分组顺序和原始数据一致）：

import java.util.ArrayList;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class RecordBean {
    private Map<String, List<Record>> groupedRecords;

    @PostConstruct
    public void init() {
        List<Record> records = yourRecordService.getAllRecords();
        groupedRecords = new LinkedHashMap<>();
        // 遍历原始记录，按area分组
        for (Record record : records) {
            groupedRecords.computeIfAbsent(record.getArea(), k -> new ArrayList<>()).add(record);
        }
        // 如果需要给每个分组内的记录排序，也可以在这里处理
    }

    // getter方法
    public Map<String, List<Record>> getGroupedRecords() {
        return groupedRecords;
    }
}

第二步：页面上的嵌套表格实现 #

父表遍历分组的键值对，子表显示对应区域的记录，子表的header facet用来显示区域名称：

<p:dataTable value="#{recordBean.groupedRecords.entrySet()}" var="entry"
             style="width: 100%;" border="0">
    <p:column style="border: none;">
        <p:subTable value="#{entry.value}" var="record"
                    style="width: 100%;">
            <f:facet name="header">
                <h:outputText value="区域：#{entry.key}" style="font-weight: bold;"/>
            </f:facet>
            <p:column headerText="字段1">#{record.field1}</p:column>
            <p:column headerText="字段2">#{record.field2}</p:column>
            <p:column headerText="字段3">#{record.field3}</p:column>
        </p:subTable>
    </p:column>
</p:dataTable>

小提示 #

• 方案1适合简单的分组场景，代码量小，但依赖数据的排序状态，如果用户手动排序其他字段，可能会打乱分组，所以最好把area设为默认排序字段。
• 方案2的分组结构更稳定，即使子表内的记录排序，分组的表头也不会错乱，适合需要更灵活操作的场景。

内容的提问来源于stack exchange，提问作者AleR