vaadin 中的自动完成功能？

Question

我是瓦丁新手。如何对无法加载到内存中的大量数据进行自动完成（实际上，更像是谷歌建议），而是对每个关键事件执行 JPA 查询。是否可以捕获文本字段或组合框上的关键事件？

Answer 1

您可以查看 Henrik Paul 的 SuperImmediateTextField，它是一个 Vaadin 插件，允许您设置客户端到服务器的发布延迟（以秒为单位）。从那时起，通用 Java 堆栈可以使流程尽可能顺利。缓存、JPA 请求或其他东西。几秒钟的延迟至少会稍微减轻服务器端的负载。

Answer 2

如果您不想编写自定义客户端小部件或包含其他附加组件，您可以稍微调整 Vaadin 的 ComboBox 以使其从数据库加载建议。您基本上必须做三件事才能实现这一目标：

1. 子类 com.vaadin.ui.ComboBox 并覆盖其受保护的方法
   ComboBox#buildFilter() 与您自己的实现。
2. 实现接口 com.vaadin.data.Container.Filter 非常
   功能受限：您的过滤器只需要传输
   当前用户输入。
3. 编写 com.vaadin.data.Container 的实现来执行
   实际的过滤逻辑。

我更详细地描述了如何做到这一点 一篇博客文章。

Answer 3

Vaadin 自动完成插件可以实现此目的。看看这个：-https://vaadin.com/directory/component/autocomplete

下面的示例：

   Autocomplete autocomplete = new Autocomplete();

    autocomplete.setLimit(5);

    autocomplete.addChangeListener(event -> {
        String text = event.getValue();
        autocomplete.setOptions(findOptions(text));
    });

    autocomplete.addChangeListener(event -> {
        refreshContent(event.getValue());
    });

    autocomplete.addValueClearListener(event -> {
        peopleGrid.setItems(Collections.EMPTY_LIST);
    });

    autocomplete.setLabel("Find what you want:");
    autocomplete.setPlaceholder("search ...");

下面的完整代码：
相对于="nofollow noreferrer">https://github.com/vaadin-component-factory/autocomplete/blob/master/autocomplete-demo/src/main/java/com/vaadin/componentfactory/demo/AutocompleteView.java#L132< /a>

Answer 4

您可能会发现这个链接很有帮助。我猜这个问题会在 6.5 中得到修复。如果您想检查的话，还有一个插件。

您需要考虑这一点，尽管

字段值 -> json-> Vaadin servlet ->;服务（spring/ejb/pojo 或其他）-> JPA->查询->结果列表（最初可能很大）

，每次按键都会返回到浏览器......

考虑一下最终用户的打字速度。当第一次击键的响应从服务器返回时，用户可能已经完成了整个单词。

Answer 5

即时 TextField 应该就是您正在寻找的内容。看一下采样器演示：
http://demo.vaadin.com/sampler/#TextFieldTextChangeEvent

Answer 6

也许签出这个插件： https://vaadin.com/directory#!addon/suggestbox-附加组件

附带：

服务器通信延迟，例如等待用户完成n毫秒的输入

占位符文本，例如“在此处键入您的查询”

查询服务器的输入的最小长度