4.Ext JS Ext.data.Store本地过滤

最新推荐文章于 2024-06-19 15:58:07 发布

weixin_34162695

最新推荐文章于 2024-06-19 15:58:07 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/685178

本文介绍了一个使用 ExtJS 的 Store 组件进行数据过滤的例子。通过创建一个包含姓名和年龄等字段的数据存储，并演示了如何使用单个字段过滤、多个字段过滤以及自定义过滤方法来筛选数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var myStore = Ext.create('Ext.data.Store', {
      fields: [
         {name: 'firstName', type: 'string'},
         {name: 'lastName',  type: 'string'},
         {name: 'age',       type: 'int'},
         {name: 'eyeColor',  type: 'string'}
     ],
     data : [
         {firstName: 'Peter',   lastName: 'Venkman'},
         {firstName: 'Egon',    lastName: 'Spengler'},
         {firstName: 'Ray',     lastName: 'Stantz'},
         {firstName: 'Winston', lastName: 'Zeddemore'}
     ]
 });
 
 //如果不清空，将在上次过滤的基础上再次过滤
 myStore.clearFilter();
 
 //filter with a single field
myStore.filter('firstName', 'Don');

//filtering with multiple filters
myStore.filter([{
        property : 'firstName',
        value    : 'Don'
    },{
        property : 'lastName',
        direction: 'Griffin'
    }]);

//自定义过滤
myStore.filterBy(function(record){
	return record.get('firstName') == 'Don';
})