2

我在从“offices.json”中提取数据的选项卡式面板应用程序的一个页面上有一个嵌套列表

当用户单击工具栏按钮时，我希望能够过滤此列表。但是，我的 filterBy() 函数不会更新商店和我可以看到的办公室列表，即使我可以在控制台中看到它正在迭代记录并找到匹配项。我究竟做错了什么？（是的，我在 filterBy 之前和之后都尝试过 s.load() 无济于事！）

toolbar:{                        
   items:[{
           text: 'Near you',
           id: 'btnNearYou',
           xtype: 'button',
           handler: function() {
             s = Ext.StoreMgr.get('offices');
             s._proxy._url = 'officesFLAT.json';        
             console.log("trying to filter");
             s.filterBy(function(record) {
              var search = new RegExp("Altrincham", 'i'); 
              if(record.get('text').match(search)){
               console.log("did Match");
               return true;
              }else {
               console.log("didnt Match");
               return false;
             }
           });
           s.load();
          }                            
   }]

为了记录，我这样定义我的商店：

store: {
    type: 'tree',
    model: 'ListItem',
    id: 'offices',
    defaultRootProperty: 'items',
    proxy: {
        type: 'ajax',
        root: {},
        url: 'offices.json',
        reader: {
            type: 'json',
            rootProperty: 'items'
        }
    }
}
4

1 回答 1

2

  1. 无需每次都重新创建正则表达式，将其缓存在外部。

  2. 您可以大大简化代码（见下文）。

  3. 为什么你之后直接调用load？这会将它发送到服务器，它只会检索相同的数据集。

toolbar: {
    items: [{
        text: 'Near you',
        id: 'btnNearYou',
        xtype: 'button',
        handler: function() {
            s = Ext.StoreMgr.get('offices');
            s._proxy._url = 'officesFLAT.json';
            var search = /Altrincham/i;
            s.filterBy(function(record) {
                return !!record.get('text').match(search);
            });
        }
    }]
}
于 2012-11-19T23:43:53.353 回答