从Ext.store中获取数据方法

  如何从Ext.store中获取数据

  从store中获取数据有很多种途径,可以依据不同的要求选择不同的函数。最直接的方法是根据record在store中的行号获得对应的record,得到了record就可以使用get()函数获得里面的数据了,如下面的代码所示。

store.getAt(0).get('name')

  通过这种方式,我们可以遍历store中所有的record,依次得到它们的数据,如下面的代码所示。

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

  Store.getCount()返回的是store中的所有数据记录,然后使用for循环遍历整个store,从而得到每条记录。

  除了使用getCount()的方法外,还可以使用each()函数,如下面的代码所示。

store.each(function(record) {
    alert(record.get('name'));
});

  Each()可以接受一个函数作为参数,遍历内部record,并将每个record作为参数传递给function()处理。如果希望停止遍历,可以让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,也可以根据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');
alert(store.getAt(index).get('name'));

  与find()函数对应的findBy()函数的定义格式如下:

 

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;
});
alert(store.getAt(index).get('name'));

 

  通过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;
    }));

来源:http://hi.baidu.com/laihua2006/item/9317225fc5429e3094eb053c

加支付宝好友偷能量挖...


评论(0)网络
阅读(743)喜欢(1)extjs开发技巧