023数据.docVIP

数据(data) 数据包在应用中用来存取数据，有41类, 最重要的不外乎这三个：--模型、存储器和代理.他们被各自的卫星类支持，是在应用中使用最多的类。 模型和存储器(Model and Stores) 数据包的核心是模型，应用中，模型就是数据结构，例如某电子商务系统包含的模型有用户、产品和订单。简单来说，模型就一系列域和他们的数据。模型的是个关键部分是域、代理、关联和验证。. 来看看如何定义模型： Ext.define(User, { extend: Ext.data.Model, fields: [ { name: id, type: int }, { name: name, type: string } ] }); 模型一般和存储器同时使用, 存储器就是模型的实例集： Ext.create(Ext.data.Store, { model: User, proxy: { type: ajax, url : users.json, reader: json }, autoLoad: true }); 我们为存储器配置了Ajax代理, 为代理提供了数据获取的URL和数据读取器—这里是JSON读取器, 一是我们用json来请求和响应，存储器自动从users.json下载模型实例数据。得到响应格式大致如下：: { success: true, users: [ { id: 1, name: Ed }, { id: 2, name: Tommy } ] } 在线数据(Inline data) 存储器能识别在线数据，并将它们转换为实例集。 Ext.create(Ext.data.Store, { model: User, data: [ { firstName: Ed, lastName: Spencer }, { firstName: Tommy, lastName: Maintz }, { firstName: Aaron, lastName: Conran }, { firstName: Jamie, lastName: Avins } ] }); 排序和分组(Sorting and Grouping) 存储器实现了排序、过滤和分组： Ext.create(Ext.data.Store, { model: User, sorters: [name, id], filters: { property: name, value : Ed }, groupField: age, groupDir: DESC }); 在上面的存储器中，数据先按名其次按id排序,同时，只有在名字中包含ED的被过滤器留下，并按年龄分组。对此，存储器API提供了简便的方法。 代理(Proxies) 存储器通过代理来存取数据。有2种代理：客户端和服务器。客户端代理包括：浏览器数据代理和HTML5本地存储。服务器代理则和服务器沟通，包括：Ajax,JsonP and Rest.代理也可以定义在模型里： Ext.define(User, { extend: Ext.data.Model, fields: [id, name, age, gender], proxy: { type: rest, url : data/users, reader: {type: json,root: users} } }); // Uses the User Models Proxy Ext.create(Ext.data.Store, { model: User }); 上面的定义这有2个好处：1、不比为模型的每个存储器定义代理(都使用模型的代理)，2、可以不用存储器： //获取模型指针 var User = Ext.ModelMgr.getModel(User); var ed = Ext.create(User, {name: Ed Spencer,age : 25}); // 不同通过存储器直接存取数据 ed.save({ success: function(ed) { console.log(Saved Ed! His ID is + ed.getId()); } });