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`的基本用法,包括创建实例、数据转换、排序操作以及如何从`store`中获取数据。通过掌握这些基本知识,开发者可以更加灵活地使用`Ext.data.Store`来处理各种数据需求。
这篇博客文章《Ext.data.Store 读取XML属性值》可能深入探讨了如何利用`Ext.data.reader.Xml`来解析XML并填充数据存储。 XML是一种结构化数据格式,广泛用于数据交换,尤其是Web服务和API。`Ext.data.reader.Xml`是...
总结起来,本篇内容涵盖了ExtJS中的核心数据组件,包括Ext.data.Connection的使用、Ext.data.Record的创建与操作、Ext.data.Store的配置以及数据交互的Proxy和Reader机制。这些知识是构建基于ExtJS的异步数据驱动...
中文API文档 数据存储与传输 Ext.data简介 Ext.data.Connection Ext.data.Record Ext.data.Store 基本应用 对数据进行排序 从store中获取数据 更新store中的数据
10.3 Ext.data.Record .............................232 10.4 Ext.data.Store ...............................233 10.4.1 基本应用...................................233 10.4.2 对数据进行排序...................
12. `record.get('rowName')` 或 `record.data.rowName`:这两种方式都可以用来获取Record中名为'rowName'的字段值。`record.get('rowName')`是推荐的方式,因为它更健壮,如果字段不存在,会返回undefined而不是抛...
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 ...
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
首先,你需要创建一个ComboBox实例,指定它的配置项,如store(数据源)、displayField(显示字段)和valueField(值字段)。例如: ```javascript var comboBox = Ext.create('Ext.form.ComboBox', { ...
var movieRecord = Ext.data.Record.create(['title']); ``` - 此处的`title`字段代表电影的名称。 - 创建了一个列模型`columnModel`,用于定义表格的列结构: ```javascript var columnModel = new Ext.grid....
5. **reconfigure(Ext.data.Store store, Ext.grid.ColumnModel colModel)** - 说明:使用新的数据集和列模型重新配置表格。 - 示例:`reconfigure(new Ext.data.JsonStore(...), new Ext.grid.ColumnModel([...])...
- **示例代码**:下面的代码展示了如何在SQLite数据库中持久化`Ext.data.Record`实例,并且整合过程相对简单。 ```javascript tx.data.ListStore = Ext.extend(Ext.data.Store, { constructor: function() { //...
var xmlStore = Ext.create('Ext.data.Store', { model: 'Fields', proxy: { type: 'ajax', url: 'resource_getXml.action', reader: { type: 'xml', record: 'fieldList' } } }); ``` 创建了一个名为`...
- `Ext.create('Ext.data.Store', { ... })`: 创建store对象,包含数据模型和数据源。 - ` Ext.grid.Panel`配置项:定义表格的列、行选择、编辑插件等。 - `store.add(record)`: 添加新记录。 - `store.remove...
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.util.MixedCollection`数据结构,这使得它可以同时作为映射和列表来操作数据,并在数据...
30. **Ext.data.Store类**:数据存储,管理数据集,与DataProxy和DataReader交互。 31. **Ext.data.GroupingStore类**:分组数据存储,支持数据的分组显示。 32. **Ext.data.SimpleStore类**:简单的数据存储,...