vaadin-grid 元素：所有列的一个输入过滤器答案

【问题标题】：vaadin-grid element: one input filter for all columnsvaadin-grid 元素：所有列的一个输入过滤器
【发布时间】：2017-09-18 14:05:08
【问题描述】：

我正在尝试为 vaadin-grid 元素添加一个外部纸张输入，以便按任何列进行过滤。

目前我还没有找到一个好的方法，有什么想法吗？

每一个答案都将不胜感激。

【问题讨论】：

标签： polymer filtering multiple-columns vaadin-grid

【解决方案1】：

使用双向绑定

<paper-input type="text" value="{{filterVal}}"></paper-input>
 <vaadin-grid-sorter path="name">Name</vaadin-grid-sorter>
                <vaadin-grid-filter path="name" value="[[filterVal]]">
                </vaadin-grid-filter>

【讨论】：

这只会过滤名称为name的列。
用同样的方法你可以过滤任何列<vaadin-grid-sorter path="desc">Description</vaadin-grid-sorter> <vaadin-grid-filter path="desc" value="[[filterVal]]"> </vaadin-grid-filter>或多个列
他想用一个输入过滤所有的列。
可以添加多列<paper-input type="text" value="{{filterVal}}"></paper-input> <vaadin-grid id="grid"> <vaadin-grid-column> <vaadin-grid-sorter path="name">Name</vaadin-grid-sorter> <vaadin-grid-filter path="name" value="[[filterVal]]"> </vaadin-grid-filter> </vaadin-grid-column> <vaadin-grid-column> <vaadin-grid-sorter path="desc">Description</vaadin-grid-sorter> <vaadin-grid-filter path="desc" value="[[filterVal]]"> </vaadin-grid-filter> </vaadin-grid-column>
这不会按预期工作。当您使用相同的输入过滤两列时，过滤后的文本必须出现在 both 列（逻辑 AND）中，但 OP 可能想要过滤 either 列（逻辑 OR） .恐怕这不能这样做，过滤可能必须在数组本身上完成。