Vaadin 中的过滤器树

Question

我想根据某些编辑框中的文本（在文本更改时）隐藏 vaadin 树的叶子。 即，如果编辑框中的文本是“ab”，我只想显示文本以“ab”开头的叶子。 如果文本为空，我想显示所有叶子。

我怎样才能做到这一点？

Answer 1

您必须过滤附加到树的数据容器。

版本 6.6.0 中引入了新的过滤器 API，它允许您创建自定义过滤器。我还没有尝试过新的 API，但在你的情况下，它应该像这样工作：

textField.addListener(new FieldEvents.TextChangeListener() {
    void textChange(FieldEvents.TextChangeEvent event) {
        // Remove existing filter (if any).
        // This is OK if you don't use any other filters, otherwise you'll have to store the previous filter and use removeContainerFilter(filter)
        dataContainer.removeAllContainerFilters();

        // Create a new filter which ignores case and only matches String prefix
        SimpleStringFilter filter = new SimpleStringFilter(propertyId, event.getText(), true, true);

        // Add the new filter
        dataContainer.addContainerFilter(filter);
    }
});

其中 textField 是你的“编辑框”，dataContainer 是数据容器，附加到您的树，properyId 是包含要过滤的文本的容器字段的属性 ID。

请注意，上述代码未经测试，因为我目前无法访问适当的开发工具。