动态搜索/过滤核心-列表(聚合物0.5)

Question

我需要实现一个过滤器类型的搜索，它隐藏在核心列表中的项目，如果他们不匹配的搜索。如果表达式返回false，则创建一个应用于项的.hidden类：

class = {{ {hidden: !match(model.host, hQuery)} | tokenList }}

这些元素是隐藏的，但除非我单击可见的行，否则列表不会再流元素。是否有一种使用函数调用强制再流的方法？

​

​

Answer 1

经过一周的挣扎，隐藏列表项目并不是正确的处理方法。迭代原始数组，将任何匹配的对象推到临时数组中，然后用临时数组：this.$.list_id.data = tmpArray替换核心列表的this.$.list_id.data = tmpArray数组。对于10K记录的列表，性能是很好的。

Answer 2

这就是我在我的代码中所做的，它起作用了：

 <div style="{{hide_part1}}">
 ...content to show/hide...
 </div>
 ....

根据路线改变来切换它(弗拉特龙-导演)：

  routeChanged: function(oldValue, newValue) {

        if ('some_route_1' == this.route) {

            this.hide_part1        = ''
            this.hide_part2    = 'display: none;'

        } else if ('some_route_2' == this.route) {

            this.hide_part1        = 'display: none;'
            this.hide_part2    = ''
       }
   },

还使用核心列表的updateSize()，特别是updateSize()，即返回到顶部，这里和那里都有帮助，因为我在'reflow'：https://stackoverflow.com/questions/29432700/polymer-core-list-is-not-rendering-some-of-the-elements上也遇到了问题。