1

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

Grid问题围绕使用时出现在标题中的“全选”复选框SelectionMode.MULTI。特别是，问题是在implements时复选框出现并按预期运行，但在DataProviderimplementsInMemoryDataProvider时复选框没有出现。DataProviderBackEndDataProvider

以下代码创建了两个网格，它们仅在使用 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) {
    }
}

以下是网格的渲染方式： 截屏

我是否错过了设置基于后端的数据提供程序/网格的关键步骤？相关文档似乎没有解决这个问题。

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

全选不是按设计提供的吗？显然，这可能与大型数据集上的延迟加载概念产生非常糟糕的交互......

4

1 回答 1

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;
    }
}

这表明非内存提供程序的默认行为是不显示全选复选框，但可以通过将可见性设置为来覆盖此行为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);

通过此更改，现在会出现全选复选框： 固定截图

于 2017-07-19T19:44:36.453 回答