翻译ExtJS教程ExtJS中的数据包Package.docVIP

数据包（data package）是用来加载和保存你应用程序中的数据的东西，包含41个类，但是其中有三个类比所有其他类更加重要——Model，Store和Exy.Proxy。这些类被几乎所有的应用程序用到了，并且受到了许多其他卫星类（satellite class）的支持。 Models 和 Stores 数据包的中心是 Ext.data.Model。一个Model在一个应用程序中展现一些类型的数据 —— 例如一个commerce应用也许会有用户、产品和订单的模型。把它看得简单点一个模型就是属性域和它们的数据的集合。下面我们来看看Model中四个重要的部分 —— 属性与Field，代理Proxy，关联Association 和 验证Validation。 现在让我们来看看如何创建一个模型： HYPERLINK /extjs/4.2.1/#!/api/Ext-method-defineExt.define(User, { extend: HYPERLINK /extjs/4.2.1/#!/api/Ext.data.ModelExt.data.Model, fields: [ { name: id, type: int }, { name: name, type: string } ] }); 模型典型的被使用于一个 存储（Store），它基本上就是一个模型实体的集合。设置一个存储并且加载它的数据是简单那的： HYPERLINK /extjs/4.2.1/#!/api/Ext-method-createExt.create(HYPERLINK /extjs/4.2.1/#!/api/Ext.data.StoreExt.data.Store, { model: User, proxy: { type: ajax, url : users.json, reader: json }, autoLoad: true }); 我们使用了一个Ajax代理来设置我们的存储，告诉它数据加载的url来源还有解码数据的阅读器（Reader）。在这种情况下，服务器会返回JSON，因此我们设置了一个Json阅读器去读取回应（response）。存储自动加载users.json这个url中的User模型实体的集合。users.json的url应该返回一个像下面这样的JSON字符串： { success: true, users: [ { id: 1, name: Ed }, { id: 2, name: Tommy } ] } 见HYPERLINK /extjs/4.2.1/guides/data/examples/simple_store/index.htmlSimple Store实例是一个生动的demo。 内联数据 存储也可以加载内联数据。本质上，Store把每一个我们作为数据传入的对象都转换为了Model实体： HYPERLINK /extjs/4.2.1/#!/api/Ext-method-createExt.create(HYPERLINK /extjs/4.2.1/#!/api/Ext.data.StoreExt.data.Store, { model: User, data: [ { firstName: Ed, lastName: Spencer }, { firstName: Tommy, lastName: Maintz }, { firstName: Aaron, lastName: Conran }, { firstName: Jamie, lastName: Avins } ] }); HYPERLINK /extjs/4.2.1/guides/data/examples/inline_data/index.htmlInline Data example 排序和分组 存储能够在本地排序，过滤和分组数据，也支持远程的排序，过滤和分组数据： HYPERLINK /extjs/4.2.1/#!/api/Ext-method-createExt.create(HYPERLINK /extjs/4.2.1/#!/api/Ext.data.StoreExt.data.Store, { model: User, sorters: [name, id], filters: { pr