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