Sencha Touch 过滤器由商店提供

Question

代码：

this.searchField = new Ext.form.Text({
            displayField: 'name',
            valueField: 'name',
            editable: true,
            forceSelection: true,
            triggerAction: 'all',
            emptyText: 'Search...',
            selectOnFocus: true
    });

this.searchButton = new Ext.Button({// The button press will invoke the search action
        text: 'Go',
        handler: this.searchButtonTap,
        scope: this
    });

    this.topToolbar = new Ext.Toolbar({
                   items: [
                { xtype: 'spacer' },    
                    this.searchField,
                    this.searchButton,
                    { xtype: 'spacer' },
                ]
        });

searchButtonTap: function () {

        var searchText = this.searchField.getValue();
        console.log(searchText);
        //console.log(this.myappsList.store.getCount());
        console.log(this.myappsList.store.filter('name', searchText));
        //this.myappsList.store.filter(searchText);

    },

在我的模型中，我有四个字段：

姓名、年龄、性别、特征

我在这里尝试的是：

在页面上的列表中显示数据库的内容，因为列表很长，我想搜索，当用户在搜索字段中写入查询并按下搜索按钮，调用 searchButtonTap 处理程序，该处理程序尝试过滤并显示名称与查询中的名称类似的列表，我也尝试过 filterBy 但这也不起作用。请让我知道出了什么问题？

谢谢。

Answer 1

你可以尝试这样：

searchButtonTap: function () {
        var searchTerm = this.searchField.getValue();
        if (searchTerm) {
            this.myappsList.store.filterBy(function(record){
            var fieldData = record.data.city.toLowerCase().indexOf(searchTerm);
            if (fieldData > -1 ) 
                return record;
            });


        }
        else {
            this.myappsList.store.clearFilter();
            }
    },