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] ) : NumberfindBy()函数允许用户使用自定义函数对内部数据进行搜索。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})]);

 

相关资源：敏捷开发V1.0.pptx