Ext.data笔记（二）

现在，我们得到了PersonRecord的实例boy，如何才能得到它的属性呢？以下三种方式都
可以获得boy中name属性的数据，如下面的代码所示。
alert(boy.data.name);
alert(boy.data['name']);
alert(boy.get('name'));

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

 

commit()（提交）：这个函数的效果是设置dirty为false，并删除modified中保存的
原始数据。
reject()（撤销）：这个函数的效果是将data中已经修改了的属性值都恢复成modified
中保存的原始数据，然后设置dirty为false，并删除保存原始数据的modified对象。
getChanges()获得修改的部分：这个函数会把data中经过修改的属性和数据放在一个
JSON对象里并返回。例如上例中，getChanges()返回的结果是{name:’body name’}。
我们还可以调用isModified()判断当前record中的数据是否被修改。
Ext.data.Record还提供了用于复制record实例的函数copy()。
var copyBoy = boy.copy();
这样我们就得到了boy的一个副本，它里面包含了boy的data数据，但copy()函数不会复制
dirty和modified等额外的属性值。

 

Ext.data.Store

var data = [
['boy', 0],
['girl', 1]
];
var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, PersonRecord)
});
store.load();

每个store最少需要两个组件的支持，分别是proxy和reader，proxy用于从某个途径读取
原始数据，reader用于将原始数据转换成Record实例。
这里我们使用的是Ext.data.MemoryProxy和Ext.data.ArrayReader，将data数组中的
数据转换成对应的几个PersonRecord实例，然后放入store中。store创建完毕之后，执行
store.load()实现这个转换过程。
经过转换之后，store里的数据就可以提供给Grid或ComboBox使用了，

 

排序

var store = new Ext.data.Store({
proxy: new Ext.data.MemoryProxy(data),
reader: new Ext.data.ArrayReader({}, PersonRecord),
sortInfo: {field: 'name', direction: 'DESC'}
});
这样，在store加载数据之后，就会自动根据name字段进行降序排列。对store使用
store.setDefaultSort('name','DESC');也会达到同样效果。
也可以在任何时候调用sort()函数，比如store.sort('name', 'DESC');，对store中的
数据进行排序。
如果我们希望获得store的排序信息，可以调用getSortState()函数，返回的是类似
{field: "name", direction: " DESC"}的JSON对象。
与排序相关的参数还有remoteSort，这个参数是用来实现后台排序功能的。当设置为
remoteSort:true时，store会在向后台请求数据时自动加入sort和dir两个参数，分别对应排
序的字段和排序的方式，由后台获取并处理这两个参数，在后台对所需数据进行排序操作。
remoteSort:true也会导致每次执行sort()时都要去后台重新加载数据，而不能只对本地数据
进行排序。

 

从store 中获取数据

。最直接的方法是
根据record在store中的行号获得对应的record，得到了record就可以使用get()函数获得里
面的数据了，如下面的代码所示。
store.getAt(0).get('name');

 

遍历store里的记录

for (var i = 0; i < store.getCount(); i++) {
var record = store.getAt(i);
alert(record.get('name'));
}

除了使用getCount()的方法外，还可以使用each()函数，如下面的代码所示。
store.each(function(record) {
alert(record.get('name'));
});

如果希望停止遍历，可以让function()返回false。

也可以使用getRange()函数连续获得多个record，只需要指定开始和结束位置的索引值，
如下面的代码所示。
var records = store.getRange(0, 1);
for (var i = 0; i < records.length; i++) {
var record = records[i];
alert(record.get('name'));
}

也可以根据record本身的id从store中获得对应的record，
如下面的代码所示。
store.getById(1001).get('name')

EXT还提供了函数find()和findBy()，可以利用它们对store中的数据进行搜索，如下面
的代码所示。
find( String property, String/RegExp value, [Number startIndex], [Boolean anyMatch],
[Boolean caseSensitive] )
在这5个参数中，只有前两个是必须的。第一个参数property代表搜索的字段名；第二个参
数value是匹配用字符串或正则表达式；第三个参数startIndex表示从第几行开始搜索，第四
个参数anyMatch为true时，不必从头开始匹配；第五个参数caseSensitive为true时，会区分
大小写。
如下面的代码所示：
var index = store.find('name','g');

findBy( Function fn, [Object scope], [Number startIndex] ) : Number
findBy()函数允许用户使用自定义函数对内部数据进行搜索。fn返回true时，表示查找成
功，于是停止遍历并返回行号。fn返回false时，表示查找失败（即未找到），继续遍历，如下
面的代码所示。
index = store.findBy(function(record, id) {
return record.get('name') == 'girl' && record.get('sex') == 1;
});

 

通过findBy()函数，我们可以同时判断record中的多个字段，在函数中实现复杂逻辑。
我们还可以使用query和queryBy函数对store中的数据进行查询。与find和findBy不同的
是，query和queryBy返回的是一个MixCollection对象，里面包含了搜索得到的数据，如下面
的代码所示。
alert(store.query('name', 'boy'));
alert(store.queryBy(function(record) {
return record.get('name') == 'girl' && record.get('sex') == 1;
}));

 

更新store 中的数据

可以使用add(Ext.data.Record[] records)向store末尾添加一个或多个record，使用
的参数可以是一个record实例

store.add([new PersonRecord({
name: 'other1',
sex: 0
}), new PersonRecord({
name: 'other2',
sex: 0
})]);