如何同时更改 vaadin 网格过滤器和布局？答案

【问题标题】：How can I change a vaadin grid filter and the layout at the same time?如何同时更改 vaadin 网格过滤器和布局？
【发布时间】：2016-03-16 08:30:01
【问题描述】：

我有一个顶部有一些过滤器的 vaadin 网格，过滤器可以通过按钮显示/隐藏。现在的问题是，如果修改了网格的数据源，同时网格的位置发生了变化，那么网格将无法正确重绘。网格仅显示 10 个项目中的 5 个，顶部有一个空行。

按钮操作将 setVisible 设置为 false 并重置过滤器。

filter.addClickListener(event -> {
    if (filters.isVisible()) {
        location.setValue(null);
        filter.setCaption("Filter");
        filters.setVisible(false);
    } else {
        filter.setCaption("Show all");
        filters.setVisible(true);
    }
});

有没有办法将布局标记为脏或要求重建？

PS：我在https://github.com/jansauer/vaadin/tree/filtergrid/ 有一个完整的示例应用程序有问题

【问题讨论】：

标签： vaadin vaadin-grid

【解决方案1】：

该错误似乎是由 Vaadin UI 中的错误引起的。只需在网格后面移动带有id="filters" 的水平布局就可以了。

<v-vertical-layout size-full>

<v-horizontal-layout>
    <v-button _id="filter" style-name="borderless-colored">Filtern</v-button>
</v-horizontal-layout>

<v-grid _id="grid" size-full :expand />

<v-horizontal-layout _id="filters" style-name="filters" margin spacing width-full>
    <v-text-field _id="name" caption="Name" width="220px" />
    <v-combo-box _id="location" caption="Standort" />
    <v-css-layout :expand />
</v-horizontal-layout>

</v-vertical-layout>

根据我使用 Vaadin 近 2 年的经验，我不鼓励您使用基于 *.html 的 Vaadin 视图，因为我经常发现像这样的奇怪错误。

【讨论】：