Extjs4 关于Store的一些操作(加载/回调/添加)
程序员文章站
2022-06-24 17:14:02
1、关于加载和回调的问题 extjs的store在加载时候一般是延迟加载的,这时候grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!...
1、关于加载和回调的问题
extjs的store在加载时候一般是延迟加载的,这时候grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!
但是store却没有waitmsg属性。
解决方案:
1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框
2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成;
3.一定要给store的reload方法也添加callback函数,已关闭提示框
例子主要代码如下:
varmsgtip; // 一定要定义在使用前,且定义为全局变量
var reportstore=new ext.data.store({
proxy:reportproxy,
reader:reportreader,
listeners:{
beforeload:function(){
msgtip = ext.messagebox.show({
title:'提示',
width : 250,
msg:'页面报表统计信息刷新中,请稍后......'
});
}
}
});
reportstore.load({
callback: function(records, options, success){
msgtip.hide(); // 加载完成,关闭提示框
}
});
注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框
reportstore.reload({
callback: function(records, options, success){
msgtip.hide(); // 加载完成,关闭提示框
}
});
--------以下为其他参数------
store.load({
params:{start:0,limit:20}, //参数
// callback是加载完毕时执行的回调函数,它包含3个参数:records参数表示获得的数据,
// options表示执行load()时传递的参数,success表示是否加载成功。
callback: function(records, options, success){
ext.msg.alert('info', '加载完毕');
},
scope: store, //scope用来指定回调函数执行时的作用域
add: false //add为true时,load()得到的数据会添加在原来的store数据的末尾,
//否则会先清除之前的数据,再将得到的数据添加到store中
});
2、从一个store添加符合某条件记录给另一个store中
var mydocnumstore_load = function(store){
//var index = 0;
store.each(function(record) {
if(record.data.plancarno != '' ) { //column_name 替换成你的列名, '1' 替换成你的值
if (record.data.docnum != _rec.get('docnum')){
var _tmpstr = record.data.usedate+'----->'+record.data.plancarno;
mydocnumstore.add({
'updocnum':record.data.docnum
,'docnumdesc':_tmpstr
,'usedate':record.data.usedate
,'plancarno':record.data.plancarno
});
}
}
})
mydocnumstore.sort('usedate', 'asc');
};
mydocnumstore_load(mystore); //载入可拼车列表;
extjs的store在加载时候一般是延迟加载的,这时候grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!
但是store却没有waitmsg属性。
解决方案:
1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框
2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成;
3.一定要给store的reload方法也添加callback函数,已关闭提示框
例子主要代码如下:
复制代码 代码如下:
varmsgtip; // 一定要定义在使用前,且定义为全局变量
var reportstore=new ext.data.store({
proxy:reportproxy,
reader:reportreader,
listeners:{
beforeload:function(){
msgtip = ext.messagebox.show({
title:'提示',
width : 250,
msg:'页面报表统计信息刷新中,请稍后......'
});
}
}
});
reportstore.load({
callback: function(records, options, success){
msgtip.hide(); // 加载完成,关闭提示框
}
});
注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框
reportstore.reload({
callback: function(records, options, success){
msgtip.hide(); // 加载完成,关闭提示框
}
});
--------以下为其他参数------
store.load({
params:{start:0,limit:20}, //参数
// callback是加载完毕时执行的回调函数,它包含3个参数:records参数表示获得的数据,
// options表示执行load()时传递的参数,success表示是否加载成功。
callback: function(records, options, success){
ext.msg.alert('info', '加载完毕');
},
scope: store, //scope用来指定回调函数执行时的作用域
add: false //add为true时,load()得到的数据会添加在原来的store数据的末尾,
//否则会先清除之前的数据,再将得到的数据添加到store中
});
2、从一个store添加符合某条件记录给另一个store中
复制代码 代码如下:
var mydocnumstore_load = function(store){
//var index = 0;
store.each(function(record) {
if(record.data.plancarno != '' ) { //column_name 替换成你的列名, '1' 替换成你的值
if (record.data.docnum != _rec.get('docnum')){
var _tmpstr = record.data.usedate+'----->'+record.data.plancarno;
mydocnumstore.add({
'updocnum':record.data.docnum
,'docnumdesc':_tmpstr
,'usedate':record.data.usedate
,'plancarno':record.data.plancarno
});
}
}
})
mydocnumstore.sort('usedate', 'asc');
};
mydocnumstore_load(mystore); //载入可拼车列表;