【转】Ext.data.Store加载及显示数据
2010-11-12 09:56
781 查看
store创建好后,需要调用load()函数加载数据,加载成功后才能对store中的数据进行操作。load()调用的完整过程如下面的代码所示。
store.load({
params: {start:0,limit:20},
callback: function(records, options, success){
Ext.Msg.alert('info', '加载完毕');
},
scope: store,
add: true
});
- params是在store加载时发送的附加参数。
- callback是加载完毕时执行的回调函数,它包含3个参数:records参数表示获得的数据,options表示执行load()时传递的参数,success表示是否加载成功。
- Scope用来指定回调函数执行时的作用域。
- Add为true时,load()得到的数据会添加在原来的store数据的末尾,否则会先清除之前的数据,再将得到的数据添加到store中。
一般来说,为了对store中的数据进行初始化,load()函数只需要执行一次。如果用params参数指定了需要使用的参数,以后再次执行reload()重新加载数据时,store会自动使用上次load()中包含的params参数内容。
如果有一些需要固定传递的参数,也可以使用baseParams参数执行,它是一个JSON对象,里面的数据会作为参数发送给后台处理,如下面的代码所示。
store.baseParams.start = 0;
store.baseParams.limit = 20;
为store加载数据之后,有时不需要把所有数据都显示出来,这时可以使用函数filter和filterBy对store中的数据进行过滤,只显示符合条件的部分,如下面的代码所示。
filter( String field, String/RegExp value, [Boolean anyMatch],
[Boolean caseSensitive] ) : void
filter()函数的用法与之前谈到的find()相似,如下面的代码所示。
store.filter('name', 'boy');
对应的filterBy()与findBy()类似,也可以在自定义的函数中实现各种复杂判断,如下面的代码所示。
store.filterBy(function(record) {
return record.get('name') == 'girl' && record.get('sex') == 1;
});
如果想取消过滤并显示所有数据,那么可以调用clearFilter()函数,如下面的代码所示。
store.clearFilter();
如果想知道store上是否设置了过滤器,可以通过isFiltered()函数进行判断。
store.load({
params: {start:0,limit:20},
callback: function(records, options, success){
Ext.Msg.alert('info', '加载完毕');
},
scope: store,
add: true
});
- params是在store加载时发送的附加参数。
- callback是加载完毕时执行的回调函数,它包含3个参数:records参数表示获得的数据,options表示执行load()时传递的参数,success表示是否加载成功。
- Scope用来指定回调函数执行时的作用域。
- Add为true时,load()得到的数据会添加在原来的store数据的末尾,否则会先清除之前的数据,再将得到的数据添加到store中。
一般来说,为了对store中的数据进行初始化,load()函数只需要执行一次。如果用params参数指定了需要使用的参数,以后再次执行reload()重新加载数据时,store会自动使用上次load()中包含的params参数内容。
如果有一些需要固定传递的参数,也可以使用baseParams参数执行,它是一个JSON对象,里面的数据会作为参数发送给后台处理,如下面的代码所示。
store.baseParams.start = 0;
store.baseParams.limit = 20;
为store加载数据之后,有时不需要把所有数据都显示出来,这时可以使用函数filter和filterBy对store中的数据进行过滤,只显示符合条件的部分,如下面的代码所示。
filter( String field, String/RegExp value, [Boolean anyMatch],
[Boolean caseSensitive] ) : void
filter()函数的用法与之前谈到的find()相似,如下面的代码所示。
store.filter('name', 'boy');
对应的filterBy()与findBy()类似,也可以在自定义的函数中实现各种复杂判断,如下面的代码所示。
store.filterBy(function(record) {
return record.get('name') == 'girl' && record.get('sex') == 1;
});
如果想取消过滤并显示所有数据,那么可以调用clearFilter()函数,如下面的代码所示。
store.clearFilter();
如果想知道store上是否设置了过滤器,可以通过isFiltered()函数进行判断。
相关文章推荐
- new Ext.data.JsonStore 加载后没有数据显示提示
- Sencha(Extjs) Ext.data.Store与Reader结合加载多重嵌套数据对象
- Ext store.loadData()执行后不显示数据
- Ext.data.JsonStore使用HttpProxy加载数据时传递参数的两种方法
- Extjs Ext.data.store 捕获加载数据的异常,并打印信息
- Sencha(Extjs) Ext.data.Store与Reader结合加载多重嵌套数据对象
- Ext.FormPanel/Ext.form.FormPanel load data/加载数据
- 客户端显示Store-Ext.data.store
- 关于Ext.grid.Panel显示远程数据无法加载问题的解决
- Ext之Combobox加载json数据下拉菜单无法正常显示数据
- EXT的combobox的store动态加载固定DATA
- Ext.data.Store 获取Json数据只有一行,而且是最后一行
- Ext.data.Store 获取Json数据只有一行,而且是最后一行
- Ext.form.ComboBox加载Ext.data.SimpleStore的data数组的问题
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- Ext.data.Store 获取Json数据只有一行,而且是最后一行
- 访问Ext.data.store的数据
- jquery ajax加载到数据却不显示错误--原因是还要附加在页面上---不能直接display:block;或者$(data).show()
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- 客户端显示Store-Ext.data.store