如何解决 Sencha Touch 中 clear Filter() 函数的性能问题？

Question

我在 Sencha Touch 应用程序中工作，当我使用“clearFilter()”时，我在性能方面付出了很大的努力......例如，当我在搜索字段中编写并遵循过滤器中指定的规则时（从第二个字符开始）我正在等待写下一个字符。发生了什么？

目前我的实现是这样的：

store.clearFilter();
if (queryString && queryString.length > 2) {
      var thisRegEx = new RegExp(queryString, "i");
      store.filterBy(function (record) {
        return (thisRegEx.test(record.get('customerId')) ||
        thisRegEx.test(record.get('customerName')) ||
        thisRegEx.test(record.get('customerAddress')));
      }, this);
    }

它正在工作，但出现了问题。

如何正确解决这个问题？

Answer 1

clearFilter 有 suppressEvent 参数：

true 在不触发 refresh 事件的情况下静默清除。

所以试试store.clearFilter(true)。

Answer 2

首先，商店里有多少条记录？记录的数量会对此产生很大影响。

为了提高性能，您应该将这 3 个字段合并到另一个字段中，以便您可以使用一个正则表达式在一列中进行搜索。 3 正则表达式对于每条记录可能很昂贵。这样，您也可以使用 filter 方法，而不是 filterBy。

最后，我更喜欢在此处为侦听器使用 buffer 选项，以避免每次按下按键都给打字员带来困难。例如：

xtype: 'textfield',
listeners: { 
   keyup: {
       buffer: 500, // 500ms
       fn: function(){
           // filter code
       }
   }
}