`

Ext.data专题三: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的属性数据被修改后,我们可以执行如下几种操作。

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

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

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

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

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

 

var copyBoy = boy.copy();

 

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

分享到:
评论

相关推荐

    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.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核心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中文开发手册

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

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

    tree with tab

    var nodeText = record.data.text; var tabPanel = viewport.items.get(1); var tabBar = tabPanel.getTabBar(); for ( var i = 0; i < tabBar.items.length; i++) { if (tabBar.items....

    Ext JS 删除的代码

    var eid = record.get("eid"); Ext.Msg.confirm("提示","数据删除后不能恢复,是否确认要删除",function(btn){ if (btn == "yes") { $.ajax({ type : "POST", url : ...

    精通JS脚本之ExtJS框架.part1.rar

    13.3 数据存储基本单元Record与dataField 13.3.1 dataField 13.3.2 Record 13.4 数据存储store 13.4.1 数据载入 13.4.2 对数据进行排序 13.4.3 从store 中获取数据 13.4.4 更新store 中的数据 13.4.5 加载及...

    ext js解析xml文档

    Extjs解析xml问题 ... var store=new Ext.data.Store({   url:'GridData.xml',  reader:new Ext.data.XmlReader(  {record:'Item'},   ["ASIN","Author","Manufacturer","ProductGroup","Title"])  });

    精通JS脚本之ExtJS框架.part2.rar

    13.3 数据存储基本单元Record与dataField 13.3.1 dataField 13.3.2 Record 13.4 数据存储store 13.4.1 数据载入 13.4.2 对数据进行排序 13.4.3 从store 中获取数据 13.4.4 更新store 中的数据 13.4.5 加载及...

    Ext深入浅出 数据传输

    10.3 Ext.data.Record .............................232 10.4 Ext.data.Store ...............................233 10.4.1 基本应用...................................233 10.4.2 对数据进行排序...................

    Ext+JS高级程序设计.rar

    7.3 Ext.data.Record 198 7.4 ArrayReader、JsonReader和XmlReader 199 7.4.1 JsonReader 200 7.4.2 ArrayReader 200 7.4.3 XmlReader 201 7.5 Store的加载数据 201 7.6 Store的数据操作 203 7.6.1 添加数据 203 ...

    ExtJS Store的数据访问与更新问题

    可以使用add(Ext.data.Record[] records)或者add(Ext.data.Record record)向store末尾添加一个或多个record。如: 代码如下: var newRecord=new PersonRecord({name:”Tom”,age:22}); store.add(newRecord); add...

    ExtJs 实现动态加载grid完整示例

    Ext3.3完整包 Ext3.3中文文档 数据表的结构是:数据表table > 记录record > 字段 store的结构是: Ext.data.Store > Ext.data.Record>Ext.dataDataField store 首先驱动 DataProxy 加载数据 ,DataProxy加载完成会...

    ext读取两种结构的xml的代码

    软件1</name> <icon>1.gif</icon> </software> <software> 控件2</name> <icon>2.gif</icon> </software> </list> 这一种比较常见 网上很多例子都是这种格式,我也写一下主要代码 var Info= Ext.data.Record.create...

    JS之小练习代码

    var myPosition = Ext.data.Record.create( [{name:”position”}] ) ;//返回一个function new Ext.Window({ title:”测试用窗口(绝不裸奔)”, width:550, height:370, labelWidth:70, plain:true , layout:”for

    datastore:数据服务提供商

    #导言: 在微服务结合前端AJAX越加普遍的今天,以一种没有后端的web开发... url: 'http://192.168.81.33:8090/datastore/do/'+Ext.getCmp('Main').DB+'/'+record.raw.name+'/findall/', callbackKey: 'datastore_ca

    Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法

    具体代码如下所示: Ext.define('AM.view.test.ReceiptList', { extend: 'Ext.grid.Panel', alias: 'widget.receiptlist', id : 'receiptlist', selModel : { ... if (record.data.XR0003 == '0') {

    ExtJs异步无法向外传值和赋值的完美解决办法

    1、Ext.data.Store.load();方法是异步的,下面的方式获得的reCount始终是0,因为还没等后台的方法执行完就赋值了,此时store的record还没获得值。 var testStore = new Ext.data.GroupingStore({ proxy : new Ext....

    Extjs显示从数据库取出时间转换JSON后的出现问题

    后台从数据库取出时间,JSON格式化后再传到gridpanel,这时时间变成了:/Date(32331121223)/这样的格式,那么这时需要以下处理才可以正常显示: 在 代码如下: var record = Ext.data.Record.create([ { name: ...

Global site tag (gtag.js) - Google Analytics