以编程方式清除铁数据表中的过滤器文本值

Question

我正在使用iron-data-table来显示并从用户列表中选择一个用户。我需要立即清除所有过滤器值，并且我不知道API中是否存在可能缺少的功能。

我已成功更改对象中的过滤器值，然后清除缓存，将列表重置为未过滤的列表，如下所示：

this.$.list.filter[0].filter = "";
this.$.list.filter[1].filter = "";
this.$.list.clearCache();

但是，即使列表未经过滤，文本仍保留在过滤器输入字段中。

是否有内置的方式来清除文字？如果没有，是否有任何简单的方法来引用那些生成的过滤器输入字段的值？

Answer 1

iron-data-table，data-table-column-filter的其中一个子元素具有方便的value属性。基本上，我做了一个查询选择器来获取每个data-table-column-filter元素。

一旦我获得了元素列表，我就迭代它们并将每个value设置为""。

var elements = document.querySelectorAll('data-table-column-filter');
for (var i=0; i < elements.length; i++) {
    elements[i].value = "";
}