Extjs中store的filter和filterBy的用法

在Extjs设计界面，很多时候并不需要将所有的数据都显示到界面上，这样子我们可以通过在创建store时添加filter属性或调用filterBy方法实现。

1、设计时设置filter属性

//数据模型Model
Ext.define('model.AppProject', {
    extend:'Ext.data.Model',
    fields:[
         {name:'indexIdApp',mapping:'application>indexId'},
       {name:'orgNameApp', mapping:'application>orgName'},
       {name:'verifyResultApp', mapping:'application>verifyResultApp',type:'int'}
    ]
});

//创建store
var proAppStore = Ext.create('Ext.data.Store', {
    model: 'model.AppProject',
    autoLoad:true,
    filterOnLoad:true,
    proxy:{
        type: 'ajax',
        method:'post',
        extraParams:{headValue:RetrieveAppProject,bodyValue:"indexId:*^^",handleMsg:AppRetrieveMsg},
        url : 'HTPApp.CSP.ServiceProxy.cls',
        reader:{
        type:'xml',
        record:'EvaluateOrg',
        totalRecords:'@total'
        }
      },
     filters: [
        {//添加过滤掉未审核和审核未通过的申请
            property: 'verifyResultApp',
            value   : /^\+?[1-9]*$/

        }
    ]
   
});

以上代码中在创建的时候设置filters时，限定model中verifyResultApp为正整数，其中用到正则表达式，值得注意的是，我们需要在store中添加filterOnLoad:true,这样在加载的时候这个过滤就会有效果。

2、在需要过滤的时候调用filterBy方法

proAppStore.filterBy(function(record) {
                      return record.get('orgNameApp') == "IT";  
                  });

 

如上代码我们就可以得到'orgNameApp'为IT的数据

当然多个条件限制时可以在return的时候用&&连接

 return record.get('verifyResultApp') == 0&&record.get('orgNameApp') == orgNameQuik