如何使用过滤计算Vaadin 8网格页脚中的总数

Question

我知道我必须使用grid.getDataProvider()来获取ListDataProvider（假设我向List发送了grid.setItems()）。在另一个计算页脚总数我做：

Collection myItems = ((ListDataProvider)grid.getDataProvider()).getItems();
for(MyItem myItem : myItems)
   total += myItem.getValue();
footer.getCell(footerCell).setText(format(total));

但是如果我添加页脚，则会失败，因为它会计算网格中的所有项目。例如，如果我添加：

((ListDataProvider)grid.getDataProvider()).addFilter(myFilter);

顶部的代码失败，因为页脚不是过滤的总数，而是整个网格总数。

有人说someone suggested I use：

grid.getDataCommunicator().fetchItemsWithRange(...);

然而，这是一种受保护的方法。假设我创建了自己的子类，我甚至不了解该方法的工作原理。

但即便如此，这似乎过于复杂，而且应该很简单，特别是如果能够在网格中添加过滤的话。

因此，我的一个大问题是，如果我过滤网格，如何计算Vaadin 8网格中的页脚总数？

Answer 1

要重新计算总数，您可以使用在过滤器更改时触发的DataProviderListener。在其实施过程中，您可fetch DataProvider项Query，因为获取方法还会考虑您定义的过滤器。

以下示例主要基于Vaadin grid sampler，其目的是显示月度报价及其总计的列表。过滤器将允许您查看从某个月开始的数据（它很傻但它可以帮助您开始）：

import com.vaadin.data.provider.ListDataProvider;
import com.vaadin.data.provider.Query;
import com.vaadin.ui.ComboBox;
import com.vaadin.ui.Grid;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.components.grid.FooterRow;
import com.vaadin.ui.components.grid.HeaderRow;
import com.vaadin.ui.themes.ValoTheme;

import java.util.List;
import java.util.Random;
import java.util.stream.Collectors;
import java.util.stream.IntStream;

public class FilteredGrid extends VerticalLayout {
    public FilteredGrid() {
        // list data provider with some random data
        Random random = new Random();
        List<Quote> quotes = IntStream.range(1, 11).mapToObj(month -> new Quote(month, random.nextInt(10))).collect(Collectors.toList());
        ListDataProvider<Quote> provider = new ListDataProvider<>(quotes);

        // month number filter combo
        ComboBox<Integer> monthFilterCombo = new ComboBox<>("Starting with", IntStream.range(1, 10).boxed().collect(Collectors.toList()));
        monthFilterCombo.setEmptySelectionCaption("All");
        monthFilterCombo.addStyleName(ValoTheme.COMBOBOX_SMALL);
        monthFilterCombo.addValueChangeListener(event -> {
            if (event.getValue() == null) {
                provider.clearFilters();
            } else {
                provider.setFilter(quote -> quote.getMonth() > event.getValue());
            }
        });

        // grid setup
        Grid<Quote> grid = new Grid<>(Quote.class);
        grid.setDataProvider(provider);

        // header and footer
        HeaderRow header = grid.appendHeaderRow();
        header.getCell("month").setComponent(monthFilterCombo);
        FooterRow footer = grid.prependFooterRow();
        footer.getCell("month").setHtml("<b>Total:</b>");
        provider.addDataProviderListener(event -> footer.getCell("value").setHtml(calculateTotal(provider)));

        // add grid to UI
        setSizeFull();
        grid.setSizeFull();
        addComponent(grid);

        // trigger initial calculation
        provider.refreshAll();
    }

    // calculate the total of the filtered data
    private String calculateTotal(ListDataProvider<Quote> provider) {
        return "<b>" + String.valueOf(provider.fetch(new Query<>()).mapToInt(Quote::getValue).sum()) + "</b>";
    }

    // basic bean for easy binding
    public class Quote {
        private int month;
        private int value;

        public Quote(int month, int value) {
            this.month = month;
            this.value = value;
        }

        public int getMonth() {
            return month;
        }

        public void setMonth(int month) {
            this.month = month;
        }

        public int getValue() {
            return value;
        }

        public void setValue(int value) {
            this.value = value;
        }
    }
}

结果：