[翻译]ExtJS教程-ExtJS4中的数据包(Package).docVIP

[翻译]ExtJS教程-ExtJS4中的数据包(Package).doc

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
数据包(data package)是用来加载和保存你应用程序中的数据的东西,包含41个类,但是其中有三个类比所有其他类更加重要——Model,Store和Exy.Proxy。这些类被几乎所有的应用程序用到了,并且受到了许多其他卫星类(satellite class)的支持。 Models 和 Stores 数据包的中心是 Ext.data.Model。一个Model在一个应用程序中展现一些类型的数据 —— 例如一个commerce应用也许会有用户、产品和订单的模型。把它看得简单点一个模型就是属性域和它们的数据的集合。下面我们来看看Model中四个重要的部分 —— 属性与Field,代理Proxy,关联Association 和 验证Validation。 现在让我们来看看如何创建一个模型: Ext.define(User, { extend: Ext.data.Model, fields: [ { name: id, type: int }, { name: name, type: string } ] }); 模型典型的被使用于一个 存储(Store),它基本上就是一个模型实体的集合。设置一个存储并且加载它的数据是简单那的: Ext.create(Ext.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 } ] } 见Simple Store实例是一个生动的demo。 内联数据 存储也可以加载内联数据。本质上,Store把每一个我们作为数据传入的对象都转换为了Model实体: Ext.create(Ext.data.Store, { model: User, data: [ { firstName: Ed, lastName: Spencer }, { firstName: Tommy, lastName: Maintz }, { firstName: Aaron, lastName: Conran }, { firstName: Jamie, lastName: Avins } ] }); Inline Data example 排序和分组 存储能够在本地排序,过滤和分组数据,也支持远程的排序,过滤和分组数据: Ext.create(Ext.data.Store, { model: User, sorters: [name, id], filters: { property: name, value : Ed }, groupField: age, groupDir: DESC }); 在我们刚刚创建的存储中,数据首先会根据name排序,然后根据id排序;它会被过滤为仅包含name为‘ED’的用户,并且数据会根据年龄按降序分组排列。在任何时候使用存储的API进行排序,过滤盒分组都是容易的。见Sorting Grouping Filtering实例是一个生动的demo。 代理 代理被存储用来控制加载和保存模型的数据。有两种类型的代理:客户端的和服务器端的。客户端的代理实例包括在浏览器的内存中存储数据的Memory和在可用的时候使用HTML5本地存储(local storage)特性的LocalStorage。服务器上的代理把分组的数据处理到远程的服务器上,示例包括 Ajax,JsonP 和 Rest。 代理可以像这样直接定义在一个Model中: Ext.define(User, { extend: Ext.data.Model, fields: [id,

文档评论(0)

wuailuo + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档