Polymer 1.0的自定义vaadin-grid过滤器

时间:2017-11-01 19:26:05

标签: vaadin polymer-1.0 vaadin-grid polymer-1.x

我在我的聚合物1.0项目中使用了vaadin-grid#^ 3.0.2。

但我希望创建一个开/关切换按钮,根据两列中的文本是否匹配来过滤列。因此,如果第1列中的行包含text =“1.1.1”并且第2列中的相同行包含text =“2.1.1”,那么我将保持显示该行,并隐藏所有其他行。我想在javscript。我对vaadin-grid非常陌生(以前有过铁数据表的经验)。有人建议我如何访问过滤功能吗?

image of 2 different columns of versions

我尝试使用标准过滤器元素,但它太有限了,因为它只允许我在一个特定的列上进行基于字符串的过滤,但它没有构建,所以我可以在两个不同列中的字​​符串之间进行比较。

<vaadin-grid-filter path="version" value="[[_filterVersion]]">
 <input  value="{{_filterVersion::input}}">
</vaadin-grid-filter>

1 个答案:

答案 0 :(得分:0)

一种查看两列值的过滤的简单方法是不使用vaadin-grid-filter,而只是在网格外部有一个输入字段,然后过滤绑定到网格的数组&#39; s {根据需要{1}}属性。

items

<vaadin-textfield on-value-changed="_filterMethod"></vaadin-textfield>

虽然我可能不完全理解您的问题,因为我不知道您使用输入字段而不是按钮的原因。如果您从按钮调用它,那么这种过滤方法方法应该同样有效。