sencha touch 搜索功能search的实现

controller/courselib.js

先定义 

  config: {
        refs: {
            searchField: 'searchfield'
        },

        control: {
            searchField: {
                keyup: 'onSearchKeyUp'
            }
        }
    }

方法：

onSearchKeyUp:function(field) {    
 var value = textfield.getValue(),    //field为传回来的按键值，通过field.getValue来获得
           store = Ext.getStore('smsStore');
 store.clearFilter();
if (value) {
            //the user could have entered spaces, so we must split them so we can loop through them all
            var searches = value.split(' '),    //去除搜索栏用户输入的空格
                regexps = [],
                i;

            //loop them all
            //开始搜索
            for (i = 0; i < searches.length; i++) {
                //if it is nothing, continue
                if (!searches[i]) continue;
                //if found, create a new regular expression which is case insenstive
                //new RegExp为创立新的正则表达式 将得到的文本忽略大小写 形成新的数组regexps
                regexps.push(new RegExp(searches[i], 'i'));    //i的意思为ignore case（忽略大小写）
            }

            //now filter the store by passing a method
            //the passed method will be called for each record in the store
            //添加数据过滤器
            store.filter(function(record) {
                var matched = [];
                //loop through each of the regular expressions
                for (i = 0; i < regexps.length; i++) {
                    var search = regexps[i],
                        didMatch = record.get('CONTENT').match(search) ;
                    //if it matched the coursename, push it into the matches array
                    matched.push(didMatch);
                }
                //if nothing was found, return false (dont so in the store)
                if (regexps.length > 1 && matched.indexOf(false) != -1) {
                    return false;
                } else {
                    //else true true (show in the store)
                    return matched[0];
                }
            });
        }

 

原文链接地址