码迷,mamicode.com
首页 > Web开发 > 详细

ExtJs4学习MVC中的Store

时间:2014-12-24 13:12:15      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:

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

 

1
2
3
4
5
6
7
Ext.define(‘User‘, {
    extend: ‘Ext.data.Model‘,
    fields: [
        {name: ‘loginname‘, type: ‘string‘},
        {name: ‘ip‘,  type: ‘string‘}
    ]
});


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

 

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

 

1
2
3
4
5
6
7
8
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//配置了此项,表明数据集自动加载
});

  一些常用方法

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
//加载数据
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();
 
 
 

ExtJs4学习MVC中的Store

标签:

原文地址:http://www.cnblogs.com/jinhuixin/p/4182078.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!