源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Extjs4 关于Store的一些操作(加载/回调/添加)

  • 时间:2021-12-09 13:32 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Extjs4 关于Store的一些操作(加载/回调/添加)
[b]1、关于加载和回调的问题[/b] ExtJs的Store在加载时候一般是延迟加载的,这时候Grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息! 但是Store却没有waitMsg属性。 [b]解决方案[/b]: 1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框 2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成; 3.一定要给store的reload方法也添加callback函数,已关闭提示框 例子主要代码如下:
[u]复制代码[/u] 代码如下:
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中    });
[b]2、从一个store添加符合某条件记录给另一个store中[/b]
[u]复制代码[/u] 代码如下:
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); //载入可拼车列表;
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部