`
siser344
  • 浏览: 22168 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ext Record

    博客分类:
  • ext
阅读更多
[color=darkred][/color]Ext.data.Record(2009-03-03 14:42:59)转载标签:杂谈 分类:Ext

Ext.data.Record是一个设定了内部数据类型的对象.用面向对象来讲,它就是一个类Class、或结构Struct.

eg:

Ext:

var Ext_record=Ext.data.Record.create({

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

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

});

asp.net:                      

class ASP_record{           

  string name;

  int sex;

}

然后我们用new创建他们的实例。

Ext:

var Ext_record_s=new Ext_record({name:'body',sex:0});

asp.net:

ASP_record ASP_record_s=new ASP_record();

ASP_record_s.name="body";ASP_record_s.sex=0;



如果把Ext.data.Store看作是一张二维表,那么它的每一行就对应一个Ext.data. Record实例。

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

以下三种方式都可以获得Ext_record_s中name属性的数据,如下面的代码所示。

alert(Ext_record_s.data.name);

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

alert(Ext_record_s.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 = Ext_record_s.copy();

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

Ext.data.Record中其他的参数大多与Ext.data.Store有关,请参考与Ext.data.Store相关的讨论。
分享到:
评论
1 楼 happenZheng 2011-04-07  
假如,我多了三个字段:birthday(date),isStudent(boolean),money(float),此时,这个record应该怎么定义????
楼主说的,网上一大堆,就是两个字段,
var Ext_record=Ext.data.Record.create({

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

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

});
    可以再加多几个字段吗???

相关推荐

    Ext对基本类型的扩展 ext,extjs,format

    在介绍Ext对JavaScript基本类型扩展的知识点之前,有必要先了解ExtJS这个强大的前端框架。ExtJS是一个为开发RIA(Rich Internet Applications)设计的JavaScript框架,它广泛用于构建交互式的Web应用程序。它为...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

    ext 读取xml 可编辑grid

    EXT JS的数据模型包括Record、Store和Reader等组件。Record用于存储单个数据项,Store则是一个数据集合,它可以包含多个Record。Reader是连接数据源和Store的桥梁,负责将外部数据转换为Record实例。 2. ...

    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数据模型Store

    EXT提供了如`XmlReader`、`JsonReader`和`ArrayReader`等不同的Reader,它们能解析不同格式的数据,并将解析结果转化为Record对象,Record是数据集中的单条记录,包含一系列定义好的DataField,每个DataField定义了...

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

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

    Ext JS 4 Architecture

    Ext JS 4是一个成熟的JavaScript框架,用于开发富互联网应用程序,特别是那些需要运行在各种设备上的复杂、数据密集型的前端界面。Ext JS 4在架构层面体现了高度的模块化和可扩展性,这也是它区别于其他前端框架的一...

    ext grid网格控件实例

    XML Store需要指定`url`(数据源地址)和`record`(XML节点名),解析XML并映射到Grid的列。XML的节点属性将作为列值,子节点可以用来处理复杂的数据结构。 3. **JSON数据源**:JSON(JavaScript Object Notation)...

    4.0Ext 本地化

    《4.0Ext 本地化:打造符合用户文化的交互体验》 在当今全球化的时代,软件应用不仅要功能强大,还要能够适应不同地区的语言和文化习惯。4.0Ext 提供了强大的本地化功能,帮助开发者为用户提供更加贴心的界面体验。...

    ext超酷的grid中放图片(ext3.2.1)

    renderer: function(value, meta, record, rowIndex, colIndex, store) { if (value) { return '图片" />'; } else { return ''; } } }); var grid = new Ext.grid.GridPanel({ store: myStore, // 数据...

    ext 树控件+数据库

    在IT领域,EXT是一个流行的JavaScript库,用于构建富客户端应用程序,尤其在Web应用开发中广泛应用。EXT树控件是EXT库中的一个重要组件,它允许开发者创建可交互的、层次结构的视图,常用于展现数据的层级关系,如...

    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与后台服务器的交互操作

    ### Ext与后台服务器的交互操作 #### 一、概述 在现代Web开发中,前端框架如Ext JS(简称EXT)扮演着重要的角色,特别是在企业级应用中。Ext JS以其丰富的UI组件库、强大的数据处理能力和良好的用户体验而受到...

    Ext GridPanel 中实现加链接操作

    ### Ext GridPanel 中实现加链接操作 在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍...

    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....

    EXT中文开发手册

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

    ext TreeGrid分页可编辑

    renderer: function (value, cellmeta, record, rowIndex, columnIndex, store) { if (store.lastOptions.params != null) { var pageindex = store.lastOptions.params.start; return pageindex + rowIndex; }...

    Ext4.0 动态修改ComboBox选择项(本地模式)

    Ext4.0是Sencha Ext JS的一个版本,它提供了一个强大的JavaScript组件库,用于构建富客户端应用程序。 首先,ComboBox在Ext JS中是一个可选列表的输入控件,它可以展示一个下拉菜单供用户选择。在本地模式下,...

    Ext.data.Store的基本用法

    ### Ext.data.Store的基本用法详解 #### 一、Ext.data.Store简介 `Ext.data.Store`是ExtJS框架中用于管理数据的核心组件之一。它主要负责数据的存储、加载、更新等操作,并且提供了多种方法来方便地处理这些数据。...

    ext grid 根据条件指定行颜色

    ### ext grid 根据条件指定行颜色 在Ext JS框架中,`Ext.grid`是非常常用的一个组件,用于展示表格数据。对于数据展示来说,通过不同的样式来区分数据的状态是一种非常直观且有效的方法。例如,根据特定条件改变...

Global site tag (gtag.js) - Google Analytics