PrimeFaces DataTable更新时inputText等组件无法正确刷新的解决问询

这个问题我之前处理过类似场景，核心根源在于你的filteredTrips使用了List<Map>类型，和原始的trips实体列表类型不一致，导致编辑组件绑定的数据无法和原始数据源正确同步。下面给你几个可行的解决方案，按推荐优先级排序：

1. 统一数据源类型（最推荐） #

把filteredTrips的类型改为和trips一致的实体列表（比如List<Trip>），而不是List<Map>。这样筛选后的行仍然是原始的实体实例，编辑组件绑定的#{trip.notes}直接操作实体属性，数据同步会自动保持一致。

修改你的TripList Bean代码：

// 替换原来的List<Map>定义
private List<Trip> filteredTrips;

// 对应的getter和setter
public List<Trip> getFilteredTrips() {
    return filteredTrips;
}

public void setFilteredTrips(List<Trip> filteredTrips) {
    this.filteredTrips = filteredTrips;
}

这样调整后，DataTable更新（分页、排序）时，编辑组件会直接读取实体的最新值，无需额外处理。

2. 手动同步筛选后Map与原始实体数据 #

如果因为某些原因无法修改filteredTrips的类型，你可以在DataTable的分页、排序事件中手动同步Map数据和原始实体数据：

首先在DataTable中添加Ajax事件监听：

<p:dataTable id="trips-table" widgetVar="trips-table" first="#{tripList.tablePageIdx}" rowIndexVar="tripIdx" rowKey="#{trip.id}" var="trip" value="#{tripList.trips}" filteredValue="#{tripList.filteredTrips}" paginator="true" paginatorPosition="top" rows="15" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {Exporters} {RowsPerPageDropdown}">
    <!-- 其他列 -->
    <p:column headerText="#{text['trip.notes']}" filterBy="#{trip.notes}" filterMatchMode="contains" filterValue="#{tripList.tableFilters.notes}" sortBy="#{trip.notes}">
        <p:inputText value="#{trip.notes}" title="#{trip.notes}" />
    </p:column>
    
    <!-- 添加分页和排序的Ajax事件 -->
    <p:ajax event="page" listener="#{tripList.syncFilteredData}" update="trips-table" />
    <p:ajax event="sort" listener="#{tripList.syncFilteredData}" update="trips-table" />
</p:dataTable>

然后在TripList Bean中实现同步方法：

public void syncFilteredData() {
    if (filteredTrips == null || trips == null) {
        return;
    }
    
    for (Map<String, Object> filteredTrip : filteredTrips) {
        // 假设你的Trip实体有id字段作为唯一标识
        Long tripId = (Long) filteredTrip.get("id");
        Trip originalTrip = trips.stream()
                .filter(t -> t.getId().equals(tripId))
                .findFirst()
                .orElse(null);
        
        if (originalTrip != null) {
            // 同步需要编辑的字段，比如notes
            filteredTrip.put("notes", originalTrip.getNotes());
            // 如果有其他编辑字段，也需要同步
        }
    }
}

3. 使用PrimeFaces行编辑组件规范流程 #

改用PrimeFaces官方推荐的行编辑功能，这样编辑操作会自动同步到数据源，避免手动处理数据一致性问题：

修改列的内容为可编辑单元格：

<p:column headerText="#{text['trip.notes']}" filterBy="#{trip.notes}" filterMatchMode="contains" filterValue="#{tripList.tableFilters.notes}" sortBy="#{trip.notes}">
    <p:cellEditor>
        <f:facet name="output">
            <h:outputText value="#{trip.notes}" />
        </f:facet>
        <f:facet name="input">
            <p:inputText value="#{trip.notes}" title="#{trip.notes}" />
        </f:facet>
    </p:cellEditor>
</p:column>

然后给DataTable添加编辑相关配置和事件监听：

<p:dataTable id="trips-table" widgetVar="trips-table" first="#{tripList.tablePageIdx}" rowIndexVar="tripIdx" rowKey="#{trip.id}" var="trip" value="#{tripList.trips}" filteredValue="#{tripList.filteredTrips}" paginator="true" paginatorPosition="top" rows="15" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {Exporters} {RowsPerPageDropdown}" editable="true">
    <!-- 其他列 -->
    <p:column headerText="#{text['trip.notes']}" ...>
        <!-- 上面的cellEditor代码 -->
    </p:column>
    
    <!-- 行编辑事件 -->
    <p:ajax event="rowEdit" listener="#{tripList.onRowEdit}" update="trips-table" />
    <p:ajax event="rowEditCancel" listener="#{tripList.onRowEditCancel}" update="trips-table" />
    
    <!-- 添加行编辑按钮列 -->
    <p:column style="width:6%">
        <p:rowEditor />
    </p:column>
</p:dataTable>

在TripList Bean中实现对应的编辑方法：

public void onRowEdit(RowEditEvent event) {
    Trip editedTrip = (Trip) event.getObject();
    // 这里可以添加保存逻辑，比如更新数据库
    // FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Trip edited successfully"));
}

public void onRowEditCancel(RowEditEvent event) {
    // 取消编辑时的处理，比如重置数据（可选）
    // FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Edit cancelled"));
}

额外注意事项 #

• 确保你的TripList Bean使用@ViewScoped注解（JSF 2.0+），这样视图刷新时数据不会被重新初始化，避免数据丢失或不一致。
• 检查tableFilters的初始化逻辑，确保在@PostConstruct方法中初始化，而不是每次请求都重新创建。

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