Primefaces 8.0：如何限制DataTable最后3行不可拖拽排序

要实现这个需求，需要结合前端拖拽拦截和后端校验（防止前端逻辑被绕过），以下是具体实现步骤：

1. 前端控制：阻止最后3行的拖拽与放置 #

先给DataTable添加widgetVar方便获取组件实例，通过JavaScript在拖拽开始前校验是否涉及最后3行：

XHTML代码修改 #

<p:dataTable id="sortTable" var="item" value="#{yourBean.dataList}" 
             draggableRows="true" widgetVar="sortTableWidget">
    <!-- 你的列定义示例 -->
    <p:column headerText="名称">
        <h:outputText value="#{item.name}" />
    </p:column>
    <!-- 其他列... -->
    
    <p:ajax event="rowReorder" listener="#{yourBean.onRowReorder}" 
            update=":form" onstart="return validateReorder(event)" />
</p:dataTable>

JavaScript校验函数 #

function validateReorder(event) {
    const table = PF('sortTableWidget');
    const totalRows = table.getRowsCount();
    // 最后3行的起始索引（索引从0开始）
    const lastThreeStart = totalRows - 3;
    
    const draggedIdx = event.originRowIndex;
    const targetIdx = event.destinationRowIndex;
    
    // 若拖拽的是最后3行，或目标位置涉及最后3行，阻止操作
    if (draggedIdx >= lastThreeStart || targetIdx >= lastThreeStart) {
        PrimeFaces.warn('最后3行不允许参与排序');
        return false;
    }
    return true;
}

额外优化：页面加载或数据更新后，直接禁用最后3行的拖拽属性，进一步强化体验：

function disableLastThreeRows() {
    const table = PF('sortTableWidget');
    const totalRows = table.getRowsCount();
    const lastThreeStart = totalRows - 3;
    
    table.jq.find('tr.ui-datatable-data-row').each(function(index) {
        if (index >= lastThreeStart) {
            $(this).attr('draggable', 'false')
                   .off('dragstart'); // 移除拖拽事件绑定
        }
    });
}

// 页面加载时执行
$(document).ready(disableLastThreeRows);
// 数据更新后重新执行（比如ajax的oncomplete）
<p:ajax ... oncomplete="disableLastThreeRows()" />

2. 后端校验：防止恶意操作 #

前端拦截可能被绕过，必须在后端onRowReorder方法中再次校验：

Java Bean代码 #

import org.primefaces.event.RowReorderEvent;
import javax.faces.context.FacesContext;
import javax.faces.application.FacesMessage;
import java.util.Collections;
import java.util.List;

public class YourBean {
    private List<YourEntity> dataList; // 你的数据列表

    public void onRowReorder(RowReorderEvent event) {
        int totalRows = dataList.size();
        if (totalRows <= 3) {
            FacesContext.getCurrentInstance().addMessage(null, 
                new FacesMessage(FacesMessage.SEVERITY_WARN, "提示", "无可用排序行"));
            return;
        }
        
        int lastThreeStart = totalRows - 3;
        int fromIdx = event.getFromIndex();
        int toIdx = event.getToIndex();
        
        // 校验是否涉及最后3行
        if (fromIdx >= lastThreeStart || toIdx >= lastThreeStart) {
            FacesContext.getCurrentInstance().addMessage(null, 
                new FacesMessage(FacesMessage.SEVERITY_WARN, "警告", "最后3行不允许参与排序"));
            return;
        }
        
        // 执行正常排序逻辑
        Collections.swap(dataList, fromIdx, toIdx);
        // 若需持久化数据，在此添加保存代码
    }

    // getter和setter
    public List<YourEntity> getDataList() { return dataList; }
    public void setDataList(List<YourEntity> dataList) { this.dataList = dataList; }
}

关键说明 #

• 前端通过onstart事件拦截拖拽请求，同时禁用最后3行的拖拽属性，提升用户体验
• 后端校验是必要的，避免通过修改前端代码或直接发送请求绕过限制
• 行索引从0开始计算，最后3行的起始索引为总行数-3

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