`
tangwenchao86
  • 浏览: 378822 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

Ext.data.Record

    博客分类:
  • IT
阅读更多
Ext.data.Record

Ext.data.Record就是一个设定了内部数据类型的对象,它是Ext.data.Store的最基本组成部分。如果把Ext.data.Store看作是一张二维表,那么它的每一行就对应一个Ext.data. Record实例。

Ext.data.Record的主要功能是保存数据,并且在内部数据发生改变时记录修改的状态,它还可以保留修改之前的原始值。

我们使用Ext.data.Record时通常都是由create()函数开始,首先用create()函数创建一个自定义的Record类型,如下面的代码所示。

var PersonRecord = Ext.data.Record.create([

    {name: 'name', type: 'string'},

    {name: 'sex', type: 'int'}

]);

PersonRecord就是我们定义的新类型,包含字符串类型的name和整数类型的sex两个属性,然后我们使用new关键字创建PersonRecord的实例,如下面的代码所示。

var boy = new PersonRecord({

    name: 'boy',

    sex: 0

});

创建对象时,可以直接通过构造方法为对象赋予初始值,将'boy'赋值给name,0赋值给sex。

现在,我们得到了PersonRecord的实例boy,如何才能得到它的属性呢?以下三种方式都可以获得boy中name属性的数据,如下面的代码所示。

alert(boy.data.name);

alert(boy.data['name']);

alert(boy.get('name'));

这里涉及Ext.data.Record的data属性,这是定义在Ext.data.Record中的一个公共属性,用于保存当前record对象的所有数据。它是一个JSON对象,可以直接从它里面获得需要的数据。可以通过Ext.data.Record的get()函数方便地从data属性中获得指定的属性值。

如果我们需要修改boy中的数据,请不要使用以下方式直接操作data,如下面的代码所示。

    boy.data.name = 'boy name';

    boy.data['name'] = 'boy name';

而应该使用set()函数,如下面的代码所示。

    boy.set('name', 'body name');

set()函数会判断属性值是否发生了改变,如果改变了,就要将当前对象的dirty属性设置为true,并将修改之前的原始值放入modified对象中,供其他函数使用。如果直接操作data中的值,record就无法记录属性数据的修改情况。

Record的属性数据被修改后,我们可以执行如下几种操作。

l    commit()(提交):这个函数的效果是设置dirty为false,并删除modified中保存的原始数据。

l    reject()(撤销):这个函数的效果是将data中已经修改了的属性值都恢复成modified中保存的原始数据,然后设置dirty为false,并删除保存原始数据的modified对象。

l    getChanges()获得修改的部分:这个函数会把data中经过修改的属性和数据放在一个JSON对象里并返回。例如上例中,getChanges()返回的结果是{name:’body name’}。

l    我们还可以调用isModified()判断当前record中的数据是否被修改。

     Ext.data.Record还提供了用于复制record实例的函数copy()。

  var copyBoy = boy.copy();

这样我们就得到了boy的一个副本,它里面包含了boy的data数据,但copy()函数不会复制dirty和modified等额外的属性值。

Ext.data.Record中其他的参数大多与Ext.data.Store有关,请参考与Ext.data.Store相关的讨论。

分享到:
评论

相关推荐

    Ext.data.Store的基本用法

    console.log(record.get('name')); } ``` #### 七、总结 本文详细介绍了`Ext.data.Store`的基本用法,包括创建实例、数据转换、排序操作以及如何从`store`中获取数据。通过掌握这些基本知识,开发者可以更加灵活...

    Ext.data.Store 读取XML属性值

    这篇博客文章《Ext.data.Store 读取XML属性值》可能深入探讨了如何利用`Ext.data.reader.Xml`来解析XML并填充数据存储。 XML是一种结构化数据格式,广泛用于数据交换,尤其是Web服务和API。`Ext.data.reader.Xml`是...

    EXT核心API详解

    25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28、Ext.data.HttpProxy类 …………… 24 29、Ext.data.MemoryProxy类 ……… 25 30、...

    Ext.DataView 图片列表显示

    var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....

    extjs帮助文档

    - `Ext.data.Record.set(key, value)`:设置字段值。 #### 二十七、Ext.data.DataProxy类(第24页) - **概述**:Ext.data.DataProxy类提供了一个抽象层,用于访问不同来源的数据。 - **常用方法**: - `Ext.data...

    ExtJS入门教程(超级详细)

    25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28、Ext.data.HttpProxy类 …………… 24 29、Ext.data.MemoryProxy类 ……… 25 30、...

    EXT核心API详解.doc

    23. **Ext.data.Record类**:数据记录模型,用于存储和操作数据。 24. **Ext.data.DataProxy类**:数据代理,抽象了数据源,包括HttpProxy、MemoryProxy等。 25. **Ext.data.HttpProxy类**:HTTP数据代理,通过...

    extjs帮助文档pdf版

    - `Ext.data.Record.load(data, id)`: 加载数据到模型实例。 #### 27. Ext.data.DataProxy 类 (P.24) - **概述**:作为数据源的抽象接口。 - **常用方法**: - `Ext.data.DataProxy.load(callback, scope)`: 加载...

    Ext.ux.UploadDialog

    Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...

    ext 基本知识-store-proxy-reader-ext-connection-实例

    总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...

    ext核心api详解(3)

    在EXTJS应用中,`Ext.data.Connection`和`Ext.Ajax`用于与服务器进行数据交互,而`Ext.data.Record`则作为数据操作的基础单元。这些API的熟练掌握对于构建复杂的EXTJS应用程序至关重要,它们提供了丰富的功能,包括...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    data: Ext.encode(record.data), // 将数据编码成字符串形式 id: record.id }, success: function() { alert(10); } }); grid.getView().refresh(); // 刷新视图 }); ``` - `store` 是 `GridPanel` 绑定...

    Ext.grid.GridPanel属性祥解

    - 示例:`store: new Ext.data.JsonStore({ ... })` 2. **columns** - 说明:`columns`是一个数组,用来配置表格的列。每一项都是一个`Ext.grid.Column`实例。 - 示例:`columns: [{ header: '姓名', dataIndex:...

    EXT中文开发手册

    中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据

    extjs核心api详解

    这一系列章节详细介绍了如何使用Ext.data.Connection、Ext.data.Ajax进行异步数据请求,如何使用Ext.data.Record、Ext.data.DataProxy、Ext.data.DataReader和Ext.data.Store来管理和操作数据。 七、Ext.widgets...

    extjs数据存储与传输详解

    **Ext.data.Record**是用来表示数据记录的对象。它包含了数据的字段名和值。每个Record对象都有一个唯一的id,这个id可以用来标识不同的记录。Record还支持事件,例如数据更改时触发的事件。 ### 四、Ext.data....

    extJs3升级extjs4方案

    var PostStatus = Ext.data.Record.create([ { name: 'uuid' }, { name: 'status', type: 'string' }, { name: 'done', type: 'boolean' }, { name: 'color', type: 'string' } ]); ``` 而在 ExtJS4 中,我们...

Global site tag (gtag.js) - Google Analytics