`
keepwork
  • 浏览: 332111 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

EXT--Ext.data.Record介绍&得到Store中的列值

    博客分类:
  • EXT
ext 
阅读更多
var ds = new Ext.data.Store({
        autoLoad: true,
        url: 'widgets.xml',
        reader: new Ext.data.XmlReader({
            record: 'widget',
            fields: ['title', 'htmlpath']
        })
    });

    ds.on('load',function(){
          alert(ds.getAt(0).get('title'));
          alert(ds.getAt(0).get('htmlpath'));
          alert(ds.getAt(1).get('title'));
          alert(ds.getAt(1).get('htmlpath'));         
    });

 
ds.getCount();//返回记录总数
ds.getAt(index);//返回index处的记录

 

 

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等额外的属性值。


 开发者博客www.developsearch.com

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Ext.data.Store的基本用法

    本文详细介绍了`Ext.data.Store`的基本用法,包括创建实例、数据转换、排序操作以及如何从`store`中获取数据。通过掌握这些基本知识,开发者可以更加灵活地使用`Ext.data.Store`来处理各种数据需求。

    Ext.data.Store 读取XML属性值

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

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

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

    EXT中文开发手册

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

    Ext深入浅出 数据传输

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

    EXT GridPanel获取某一单元格的值

    12. `record.get('rowName')` 或 `record.data.rowName`:这两种方式都可以用来获取Record中名为'rowName'的字段值。`record.get('rowName')`是推荐的方式,因为它更健壮,如果字段不存在,会返回undefined而不是抛...

    EXT核心API详解

    35、Ext.data.Store类 …………………… 28 36、Ext.data.GroupingStore类 ………… 32 37、Ext.data.SimpleStore类 ………… 34 38、Ext.data.Tree类 …………………… 34 39、Ext.data.Node类 ………………… 34 ...

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

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

    首先,你需要创建一个ComboBox实例,指定它的配置项,如store(数据源)、displayField(显示字段)和valueField(值字段)。例如: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...

    string

    var movieRecord = Ext.data.Record.create(['title']); ``` - 此处的`title`字段代表电影的名称。 - 创建了一个列模型`columnModel`,用于定义表格的列结构: ```javascript var columnModel = new Ext.grid....

    Ext.grid.GridPanel属性祥解

    5. **reconfigure(Ext.data.Store store, Ext.grid.ColumnModel colModel)** - 说明:使用新的数据集和列模型重新配置表格。 - 示例:`reconfigure(new Ext.data.JsonStore(...), new Ext.grid.ColumnModel([...])...

    Ext2 核心 API 中文详解

    - **示例代码**:下面的代码展示了如何在SQLite数据库中持久化`Ext.data.Record`实例,并且整合过程相对简单。 ```javascript tx.data.ListStore = Ext.extend(Ext.data.Store, { constructor: function() { //...

    ext动态获取Xml数据并解析信息

    var xmlStore = Ext.create('Ext.data.Store', { model: 'Fields', proxy: { type: 'ajax', url: 'resource_getXml.action', reader: { type: 'xml', record: 'fieldList' } } }); ``` 创建了一个名为`...

    Ext表格中增删改查实例

    - `Ext.create('Ext.data.Store', { ... })`: 创建store对象,包含数据模型和数据源。 - ` Ext.grid.Panel`配置项:定义表格的列、行选择、编辑插件等。 - `store.add(record)`: 添加新记录。 - `store.remove...

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

    Ext数据模型Store

    Ext数据模型中的Store是EXT框架中非常核心的一个概念,它是数据管理的主要接口,负责存储和管理数据集。Store内部使用了`Ext.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据...

    EXT核心API详解.doc

    30. **Ext.data.Store类**:数据存储,管理数据集,与DataProxy和DataReader交互。 31. **Ext.data.GroupingStore类**:分组数据存储,支持数据的分组显示。 32. **Ext.data.SimpleStore类**:简单的数据存储,...

Global site tag (gtag.js) - Google Analytics