首页 文章

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

提问于
浏览 次
0

我在我的聚合物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>
vaadin polymer-1.0 vaadin-grid polymer-1.x

1 回答

  • 0

    一种查看两列值的过滤的简单方法是不使用 vaadin-grid-filter ，而只是在网格外部有一个输入字段，然后根据需要过滤绑定到网格的 items 属性的数组 .

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

    _filterMethod(evt) {
  this.gridItems = this.allItems.filter(it => it.col1 !== it.col2);
}

    虽然我可能不完全理解你的问题，因为我不知道你为什么使用输入字段而不是按钮 . 如果您从按钮调用它，则此过滤方法方法应该同样有效 .

    回复于

相关问题