首页 > 网站 > WEB开发 > 正文

ExtJs4学习MVC中的Store

2024-04-27 14:14:54
字体:
来源:转载
供稿:网友

ExtJs4学习MVC中的Store

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

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

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

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

12345678var 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//配置了此项,表明数据集自动加载});

  一些常用方法

12345678910111213141516171819202122232425//加载数据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();

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表