首页 > 代码库 > ExtJs4学习MVC中的Store
ExtJs4学习MVC中的Store
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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。