model-view-controller - Vaadin 自定义表头

Question

我想为 Vaadin 表构建自定义过滤头。

你能否举一些例子或解决这个问题。

我想添加一个组合框或复选框来细化表格中的搜索，如 Excel 列。

Answer 1

我们也面临在我们的项目中为 Vaadin Table 添加自定义过滤器的问题。

作为解决方案，我们在表格上方添加了一个动态过滤器表单。它已经变得足够灵活和敏捷，可以应用过滤器。

我们创建 Vaadin 插件是为了分享我们的解决方案 - Lexaden Grid。

您可以通过以下链接找到更多信息：

http://www.lexaden.com/main/entry/lexaden_grid

Answer 2

目前，很难将自定义组件添加到表的标题中进行过滤。这将要求您通过继承/复制和粘贴来制作自己的 Table 版本（不确定什么是足够的），如果可能的话，这是大多数人目前不想避免的事情。Table 组件的当前实现是 Vaadin 中最复杂的组件之一。如果您坚持将组件放在标题中是可行的，但要准备好认真思考以使事情正常进行。

我建议在您的表格旁边/上方使用组件过滤容器中的数据。如果没有显示关键信息，隐藏表头有时是可以接受的。如果您想要在标题上精确地显示某些内容，则需要在正确的位置放置一些空标题和 CSS 定位组件。

您始终可以将表和其他过滤组件分组到一个 CustomComponent 以便于抽象。

Answer 3

Vaadin 之书是 vaadin 实现的一个很好的参考。该链接包含一个示例代码，例如：

// Define the properties
table.addContainerProperty("lastname", String.class, null);
table.addContainerProperty("born", Integer.class, null);
table.addContainerProperty("died", Integer.class, null);
// Set nicer header names
table.setColumnHeader("lastname", "Name");
table.setColumnHeader("born", "Born");
table.setColumnHeader("died", "Died");

这是你要求的吗？如果不是，您能否更清楚地说明您的问题？

编辑：Vaadin Sampler还包含少量代码示例。