如何统计PrimeFaces分页表格中所有选中的复选框数量

方法一：利用PrimeFaces DataTable内置API #

PrimeFaces的DataTable组件本身会维护所有分页中的选中行集合，无需通过DOM元素统计。

首先确保你的p:dataTable配置了widgetVar属性（比如<p:dataTable widgetVar="myTableWidget" ...>），之后通过以下JS代码获取全表选中总数：

PF('myTableWidget').getSelectedRows().length;

PF()是PrimeFaces全局函数，用于获取组件的widget实例；getSelectedRows()会返回跨分页的所有选中行对象数组，直接取length即可得到总数。

方法二：前端手动维护选中状态（无widgetVar场景） #

如果无法使用widgetVar，可以通过全局集合记录选中行的唯一ID（PrimeFaces行的data-rk属性是唯一标识）：

// 初始化存储选中行ID的集合
let selectedRowIds = new Set();

// 绑定复选框点击事件，更新选中集合
$(document).on('click', '#D625_S002_E042 .ui-chkbox-box', function() {
    const row = $(this).closest('tr');
    const rowId = row.data('rk');
    
    $(this).hasClass('ui-state-active') 
        ? selectedRowIds.add(rowId) 
        : selectedRowIds.delete(rowId);
    
    // 此时selectedRowIds.size就是全表选中总数
    console.log('全表选中数量：', selectedRowIds.size);
});

// 分页切换后同步状态（PrimeFaces切换分页会重新渲染DOM）
$(document).on('pfAjaxComplete', function() {
    // 同步当前页选中行到集合
    $('#D625_S002_E042 .ui-chkbox-box.ui-state-active').each(function() {
        selectedRowIds.add($(this).closest('tr').data('rk'));
    });
    // 移除当前页已取消选中的行ID
    $('#D625_S002_E042 .ui-chkbox-box:not(.ui-state-active)').each(function() {
        selectedRowIds.delete($(this).closest('tr').data('rk'));
    });
});

方法三：后端统计（最可靠，适配表单提交场景） #

如果涉及表单提交或需要更高的准确性，建议在后端维护选中集合：

1. 在xhtml中给p:dataTable绑定selection属性：

<p:dataTable id="D625_S002_E042" selection="#{yourBean.selectedItems}" ...>
    <p:column selectionMode="multiple" />
    <!-- 其他列配置 -->
</p:dataTable>

2. 后端Bean中通过集合大小获取总数，可通过p:remoteCommand暴露给前端：

<p:remoteCommand name="getSelectedCount" actionListener="#{yourBean.calculateSelectedCount}" oncomplete="console.log('选中数量：' + args.count)" />

@ManagedBean
@ViewScoped
public class YourBean {
    private List<YourEntity> selectedItems;

    public void calculateSelectedCount() {
        int count = selectedItems != null ? selectedItems.size() : 0;
        RequestContext.getCurrentInstance().addCallbackParam("count", count);
    }

    // 此处添加selectedItems的getter和setter方法
}

前端调用getSelectedCount()即可获取后端统计的全表选中总数。

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