如何使用liveScroll在primefaces数据表中选择all

Question

我正在使用liveScroll="true"和seltionMode="multi"的primeface v5.3 dataTable。标题复选框仅选择可见行，当我向下滚动时，新行显示为未选中。我希望标题复选框选择所有行：可见和不可见。仅选择可见行是毫无意义和无用的。是否可以修复？

我试图通过处理“toggleSelect、rowSelectCheckbox和rowUnselectCheckbox”事件将所有表数据添加到选择中。它在后端工作，但在UI中的行无论如何都不会被选中。

Answer 1

使用此脚本替换primefaces的原始updateData函数

PrimeFaces.widget.DataTable.prototype.updateData = (function() {

    var cached_function = PrimeFaces.widget.DataTable.prototype.updateData;
    return function() {
        var reselectAll = (this.selection != undefined && (this.selection[0] === '@all' || this.selection.length === this.getTbody()[0].getElementsByTagName('tr').length);
        var result = cached_function.apply(this, arguments);
        if (reselectAll) {
            this.selectAllRows();
        }
        return result;
    };
})();

将自动选择表上新加载的行（仅限于客户端可见的行）