ExtJS2.0入门教程:数据存储与Record示例
需积分: 9 146 浏览量
更新于2024-08-17
收藏 2.64MB PPT 举报
"这篇文档是关于ExtJS入门学习的PPT资料,主要讲解了数据存储中的Record示例,适用于初学者。"
在ExtJS中,数据存储是通过数据模型(Record)来实现的,它是数据操作的基础。Record是Ext.data.Model的前身,用于封装和管理单一的数据对象。在给定的示例中,我们看到如何创建并使用一个自定义的Record类型。
首先,我们定义了一个名为MyRecord的Record类型,通过`Ext.data.Record.create`方法创建。这个方法接受一个数组,数组中的每个元素都是一个包含字段名(name)和可选映射(mapping)以及类型的配置对象。例如,`{name:'title'}`定义了一个名为"title"的字段,而`{name:'lastLoginTime', mapping:'loginTime', type:'date'}`定义了一个名为"lastLoginTime"的字段,它映射到数据源中的"loginTime"属性,并指定其类型为日期。
在创建Record类型后,我们可以实例化一个新的Record对象。在示例中,`var r=new MyRecord({...})`创建了一个新的记录,其中包含了"日志标题"、"easyjf"用户、100次登录次数以及当前日期的最后一次登录时间。
接下来,我们可以通过Record的`getField`方法获取字段的相关信息。`MyRecord.getField("username").mapping`返回"username"字段的映射,这里是"author"。同样,`MyRecord.getField("lastLoginTime").type`返回"lastLoginTime"字段的类型,即"date"。
为了访问Record实例的数据,我们可以使用`.data`属性或`.get`方法。`r.data.username`直接访问"username"字段的值,而`r.get("loginTimes")`则获取"loginTimes"字段的值。
这个PPT还提到了ExtJS的基本介绍和学习目标,旨在让开发者对ExtJS 2.0有一个全面的认识,并能初步上手使用。此外,提供了ExtJS的下载链接、解压包结构以及一个简单的"Hello World"示例,帮助理解ExtJS的工作方式。
这个文档对于想要学习ExtJS数据存储机制,特别是Record使用的初学者是非常有帮助的。通过学习Record的创建和使用,开发者可以更好地管理和操作数据,从而构建功能丰富的富客户端应用程序。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-06-11 上传
2021-07-04 上传
184 浏览量
107 浏览量