如何在Sencha Touch 2中過濾列表？

Question

我正在按交易品種過濾股票清單，但這不起作用。 也許代碼有問題？ 我錯過了什么？ 這是我嘗試過的一些方法：

function filterBySymbol: function(select, value) {

    var ordersStore = this.getBrokerageOrderHistoryList().getStore();

    ordersStore.clearFilter();

    if (value !== '') {
        ordersStore.data.filterBy(function (record, id) {
            // log to make certain this gets called (and it is)
            console.log(id, record.get('symbol') === value);
            return record.get('symbol') === value;
        });

// Other things I've tried (nothing worked):
// 1)
//          var f = new Ext.util.Filter({
//             filterFn: function(record) {
//                return record.get('symbol') === value;
//             }
//          });
//          ordersStore.filterBy(f);
// 2)
//          ordersStore.filter(function (record) {
//              return record.get('symbol') === value;
//          });
// 3)
//          this.getBrokerageOrderHistoryList().setStore(ordersStore);
//          this.getBrokerageOrderHistoryList().refresh();
    }
}

Answer 1

事實證明，我們必須在存儲上禁用遠程篩選，該默認應該設置為false，但不是：

this.getOrderList().getStore().setRemoteFilter(false);

Answer 2

其中之一應該工作

// 1
ordersStore.filter("symbol", value);

// 2
ordersStore.filter([    
    { filterFn: function(item) { return item.get("symbol") === value; }}
]);

// 3
ordersStore.filterBy(function(item) { 
return item.get("symbol") === value; 
}

更新：有效的示例：

Ext.define('ST.store.Products', {
    extend: 'Ext.data.Store',

    config: {
        fields: ["title", "category" ],
        storeId: "Products",

        data: [
            { title: 'Text1', category: 'cat1'},
            { title: 'Text2', category: 'cat2'},
            { title: 'Text3', category: 'cat3'},
        ]
    }
});

 console.log("before");
        Ext.getStore("Products").each(function(item){
            console.log(item.data.title);

        });        

        Ext.getStore("Products").filterBy(function(item){
            return item.get('title') == 'Text1';    
        });

        console.log("after");
        var store = Ext.getStore("Products").each(function(item){
            console.log(item.data.title);

        });  

就我而言，我在開發人員控制台中看到以下內容

before 
Text1
Text2
Text3
after
Text1