Vaadin Dataprovider：如何避免“自动获取”？

Question

用例 1 已在下面回答，用例 2 已移至单独的问题 (Vaadin Flow: Returning to a view, the view should not reload data from the backend)

我想使用由惰性DataProvider 支持的 Vaadin Flow (v14 LTS/v19) 网格组件，它不会在显示网格时自动从后端获取数据。

至少有两个用例：

• 除非用户提供过滤器参数，否则显示网格数据是没有意义的
• 返回@PreserveOnRefresh 标记视图不应将显示的数据替换为当前数据。 （在更新中进一步阐述）

对于 Vaadin 14+ 来说非常陌生，我不知道如何实现这一点。每次显示我的GridView 时，都会查询DataProvider 的count 和fetch 回调。调用来自网格的DataCommunicator。

所以对于用例 1：只要没有意义，如何阻止 DataProvider 获取数据？ 对于用例 2：如何防止在第二次向 UI 中添加网格时覆盖网格状态？

非常感谢！

StackTrace 到我的 fetch 回调（Vaadin Flow 14）：

        at org.vaadin.example.GridView.fetch(GridView.java:46)
        at org.vaadin.example.GridView.lambda$new$c4b2c115$1(GridView.java:23)
        at com.vaadin.flow.data.provider.CallbackDataProvider.fetchFromBackEnd(CallbackDataProvider.java:137)
        at com.vaadin.flow.data.provider.AbstractBackEndDataProvider.fetch(AbstractBackEndDataProvider.java:61)
        at com.vaadin.flow.data.provider.DataCommunicator.fetchFromProvider(DataCommunicator.java:362)
        at com.vaadin.flow.data.provider.DataCommunicator.activate(DataCommunicator.java:647)
        at com.vaadin.flow.data.provider.DataCommunicator.collectKeysToFlush(DataCommunicator.java:589)
        at com.vaadin.flow.data.provider.DataCommunicator.flush(DataCommunicator.java:461)
        at com.vaadin.flow.data.provider.DataCommunicator.lambda$requestFlush$2f364bb9$1(DataCommunicator.java:425)
        at com.vaadin.flow.internal.StateTree.lambda$runExecutionsBeforeClientResponse$2(StateTree.java:390)
        at [java.util.stream] omitted
        at com.vaadin.flow.internal.StateTree.runExecutionsBeforeClientResponse(StateTree.java:387)
        at com.vaadin.flow.server.communication.UidlWriter.encodeChanges(UidlWriter.java:411)
        at com.vaadin.flow.server.communication.UidlWriter.createUidl(UidlWriter.java:187)
        at com.vaadin.flow.server.communication.UidlRequestHandler.writeUidl(UidlRequestHandler.java:122)
        at com.vaadin.flow.server.communication.UidlRequestHandler.synchronizedHandleRequest(UidlRequestHandler.java:91)
        at com.vaadin.flow.server.SynchronizedRequestHandler.handleRequest(SynchronizedRequestHandler.java:40)
        at com.vaadin.flow.server.VaadinService.handleRequest(VaadinService.java:1547)
        at com.vaadin.flow.server.VaadinServlet.service(VaadinServlet.java:247)
        at javax.servlet.http.HttpServlet.service(HttpServlet.java:790)

---

更新 20210430 这是我的GridView 的代码，它也伪造了后端DataProvider：

@Route(value = "grid", layout = MainView.class)
public class GridView extends VerticalLayout {
    public GridView() {
        final Grid<Person> g = new Grid(Person.class);
        g.setColumns("name");
        g.setDataProvider(DataProvider.fromCallbacks(q -> fetch(q), q -> count(q)));
        add(g);
        // filter omitted
        final Button refresh = new Button("refresh");
        refresh.addClickListener(e -> {
            System.out.println("refresh clicked");
            g.getDataProvider().refreshAll();
        });
        add(refresh);

        add(new TextField("State check"));
    }

    // fake DataProvider
    private int count(Query<Person, Void> q) { return 3; }

    private Stream<Person> fetch(Query<Person, Void> q) {
        q.getLimit(); //vaadin checks these have been called
        q.getOffset(); //vaadin checks these have been called
        System.out.println("fetching again");
        new Exception().printStackTrace(); //figure out who called
        return Arrays.asList(new Person("1"), new Person("2"), new Person("3")).stream();
    }
}

我的MainView用于在GridView和EmptyView之间切换

@PreserveOnRefresh
public class MainView extends AppLayout {

    private Component emptyBView;
    private Component gridBView;

    public MainView() {
        final Button emptyB = new Button("Btn empty");
        emptyB.addClickListener(e -> {
            if (emptyBView == null) { emptyBView = new EmptyView();}
            setContent(emptyBView);
        });
        addToNavbar(emptyB);

        final Button gridB = new Button("Btn grid");
        gridB.addClickListener(e -> {
            if (gridBView == null) gridBView = new GridView();
            setContent(gridBView);
        });
        addToNavbar(gridB);
    }
}

MainView 是一个AppLayout，用于将AppLayout 的内容从GridView 切换到EmptyView 并返回。

用例 2 是：当返回到 GridView 时，GridView 应该与之前的状态完全相同（与 TextField 一起工作正常）。

1. 打开GridView -> 网格不应填充数据
2. 输入过滤器参数（代码中未显示）
3. 点击“刷新”以填充网格
4. 在TextField“stateCheck”中输入“蜘蛛侠”
5. 切换到EmptyView
6. 在实际应用中：在 EmptyView 和其他可能的视图中做某事
7. 返回GridView -> 网格应该不重新加载数据，它应该保持原样 - 就像TextField 仍然显示“蜘蛛侠”一样，网格应该显示与以前相同的数据，无需重新加载。

Answer 1

对于情况 1：在回调中检查是否有过滤器参数，如果没有则返回一个空集。使用新的 V17+ API 将如下所示：

grid.setItems(query -> {
    if(filterParameters.isEmpty()) {
      // Return an empty stream
    } else {
      // Fetch from backend
    }
});

您可以在此处阅读更多文档：https://vaadin.com/docs/latest/flow/binding-data/data-provider (V19) 或 https://vaadin.com/docs/v14/flow/binding-data/tutorial-flow-data-provider (V14)

我需要更多关于您当前正在做什么的信息来帮助解决案例 2。您是如何构建视图的，您的代码是什么样的？带有“Caused by”的完整堆栈跟踪也会有所帮助。

Answer 2

我建议仅在设置第一个过滤器参数后才将 DataProvider 设置为 Grid。客户端 Grid 期望从 fetch 查询中接收它需要的项目数；如果您不提供来自fetch 的请求数量的项目，它可能在某些极端情况下工作，但它的设计并非如此。

请注意，这特别适用于在 Vaadin 14 系列中将 DataProviders 与过滤器一起使用 - Vaadin 17 引入了一种新的可选简化获取项目的方法，它稍微改变了这个等式。它尚未向后移植到 Vaadin 14（目前计划用于 14.7）。