ExtJs4学习MVC中的Store

最新推荐文章于 2025-08-12 22:08:46 发布

weixin_30565199

最新推荐文章于 2025-08-12 22:08:46 发布

阅读量83

点赞数

CC 4.0 BY-SA版权

文章标签：测试

原文链接：http://www.cnblogs.com/jinhuixin/p/4182078.html

本文介绍了ExtJS中的核心组件Store，详细讲述了如何使用Store进行数据读取、类型转换、排序分页和搜索等操作。通过实例演示了从本地数组读取数据、添加数据、遍历数据及过滤数据的方法。

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

　　Ext.data.Store是extjs中用来进行数据交换和数据交互的标准中间件，无论是Grid还是ComboBox，都是通过它实现数据读取、类型转换、排序分页和搜索等操作的。

         Ext.define(
         'User'
         , {
        
         extend: 
         'Ext.data.Model'
         ,
        
         fields: [
        
         {name: 
         'loginname'
         , type: 
         'string'
         },
        
         {name: 
         'ip'
         ,  type: 
         'string'
         }
        
         ]
        
         });

　　Store既可以从本地数组中读取数据，也可以从服务器远程读取数据，当然还可以服务器代理读取，这些都得靠proxy实现，至于还有哪些区分，以及实现方式将再下一节阐述

　　为了更好的说清楚Store的用法，我们做如下例子

         var store = Ext.create(
         'Ext.data.Store'
         , {
        
         model: 
         'User'
         ,
        
         proxy: {
        
         type: 
         'memory'
         ,
        
         data:[{loginname:
         'admin'
         ,ip:
         '192.168.1.2'
         },{loginname:
         'guest'
         ,ip:
         '192.168.1.5'
         }]
        
         },
        
         //autoLoad:true//配置了此项，表明数据集自动加载
        
         });

　　一些常用方法

 
         //加载数据
        
         store.load();
        
         //添加数据
        
         store.add({loginname:
         'administrator.com'
         ,ip:
         '192.168.1.8'
         });
        
         //读取数据
        
         store.each(function(record){
        
         console.info(record.get(
         'loginname'
         ));
        
         alert(record.get(
         'loginname'
         ));
        
         });
        
         //过滤
        
         //store.filter("loginname", /\.com$/);根据单个属性域(field)过滤:
        
         store.filter([
        
         {property: 
         "loginname"
         , value: /\.com$/},
        
         {filterFn: function(item) { 
         return 
         item.get(
         "ip"
         ) == 
         '192.168.1.5'
         ; }}
        
         ]);
        
         //查找某条记录
        
         var record = store.find(
         'loginname'
         ,
         'guest'
         );
        
         //获取store中第一条记录的快捷方法.
        
         var record = store.first();
        
         //获取指定index处的记录
        
         var record = store.getAt(
         2
         );
        
         //获取store中记录的数量
        
         var count = store.getCount;
        
         //获取store中最后一条记录的快捷方法
        
         var record = store.last();