网格 SelectionMode.MULTI 缺少 header 复选框 select 所有 BackEndDataProvider

Question

我正在使用针对版本 8 编写的新应用程序（目前正在使用 8.1.0.rc2 进行测试）。

此问题与使用 SelectionMode.MULTI 时出现在 Grid 的 header 中的 "select all" 复选框有关。特别是，问题是当 DataProvider 实现 InMemoryDataProvider 时复选框出现并按预期运行，但当 DataProvider 实现 BackEndDataProvider 时复选框不出现。

以下代码创建了两个网格，区别仅在于它们是使用 InMemory 还是 BackEnd：

public class Test {
    public void setName(String name) {
        this.name = name;
    }
    public String getName() {
        return name;
    }
    private String name;
}

public class TestView extends BaseView {
    public TestView() {
        super("Test");
        addComponent(new TestGrid(new TestDataProvider0()));
        addComponent(new TestGrid(new TestDataProvider1()));
    }
}

public class TestGrid extends Grid<Test> {
    public TestGrid(DataProvider<Test, ?> dataProvider) {
        setHeightByRows(4);
        setSelectionMode(SelectionMode.MULTI);
        setDataProvider(dataProvider);
        addColumn(Test::getName).setCaption("Name");
    }
}

public class TestDataProvider0 extends AbstractDataProvider<Test, SerializablePredicate<Test>> implements
        BackEndDataProvider<Test, SerializablePredicate<Test>> {
    public Stream<Test> fetch(Query<Test, SerializablePredicate<Test>> query) {
        List<Test> tests = new ArrayList<>(query.getLimit());
        for (int i = 0; i < query.getLimit(); i++) {
            Test test = new Test();
            test.setName(String.valueOf(query.getOffset() + i));
            tests.add(test);
        }
        return tests.stream();
    }
    public int size(Query<Test, SerializablePredicate<Test>> query) {
        return 100;
    }
    public void setSortOrders(List<QuerySortOrder> sortOrders) {
    }
}

public class TestDataProvider1 extends AbstractDataProvider<Test, SerializablePredicate<Test>> implements
        InMemoryDataProvider<Test> {
    public Stream<Test> fetch(Query<Test, SerializablePredicate<Test>> query) {
        List<Test> tests = new ArrayList<>(query.getLimit());
        for (int i = 0; i < query.getLimit(); i++) {
            Test test = new Test();
            test.setName(String.valueOf(query.getOffset() + i));
            tests.add(test);
        }
        return tests.stream();
    }
    public int size(Query<Test, SerializablePredicate<Test>> query) {
        return 100;
    }
    public SerializablePredicate<Test> getFilter() {
        return null;
    }
    public void setFilter(SerializablePredicate<Test> filter) {
    }
    public SerializableComparator<Test> getSortComparator() {
        return null;
    }
    public void setSortComparator(SerializableComparator<Test> comparator) {
    }
}

以下是网格的呈现方式：

我是否错过了设置 BackEnd-based 数据 provider/grid 的关键步骤？ related documentation 似乎没有解决这个问题。

是否有与此相关的已知问题？

select-all 是不是设计使然？显然，这可能会在大型数据集上与 lazy-loading 的概念产生严重的交互...

Answer 1

MultiSelectionModelImpl 有这个方法：

protected void updateCanSelectAll() {
    switch (selectAllCheckBoxVisibility) {
    case VISIBLE:
        getState(false).selectAllCheckBoxVisible = true;
        break;
    case HIDDEN:
        getState(false).selectAllCheckBoxVisible = false;
        break;
    case DEFAULT:
        getState(false).selectAllCheckBoxVisible = getGrid()
                .getDataProvider().isInMemory();
        break;
    default:
        break;
    }
}

这表明非内存提供程序的默认行为是不显示 select-all 复选框，但是可以通过将可见性设置为 VISIBLE 来覆盖此行为。

在此处调整原始代码：

public class TestGrid extends Grid<Test> {
    public TestGrid(DataProvider<Test, ?> dataProvider) {
        setHeightByRows(4);
        MultiSelectionModel<Test> selectionModel = (MultiSelectionModel<Test>) setSelectionMode(SelectionMode.MULTI);
        selectionModel.setSelectAllCheckBoxVisibility(SelectAllCheckBoxVisibility.VISIBLE);
        setDataProvider(dataProvider);
        addColumn(Test::getName).setCaption("Name");
    }
}

具体而言，需要此调用才能为实现 BackEndDataProvider 的数据提供者显示复选框：

MultiSelectionModel<Test> selectionModel = (MultiSelectionModel<Test>) setSelectionMode(SelectionMode.MULTI);
selectionModel.setSelectAllCheckBoxVisibility(SelectAllCheckBoxVisibility.VISIBLE);

进行此更改后，select-all 复选框现在出现：

网格 SelectionMode.MULTI 缺少 header 复选框 select 所有 BackEndDataProvider

Grid SelectionMode.MULTI is missing the header checkbox to select all for BackEndDataProvider

vaadin-grid

vaadin8