手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Extjs4 关于Store的一些操作(加载/回调/添加)
Extjs4 关于Store的一些操作(加载/回调/添加)
摘要: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); //载入可拼车列表;

【Extjs4 关于Store的一些操作(加载/回调/添加)】相关文章:

名词解释:JavaScript、Jscript、VBScript、ASP

百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换

jQuery zTree加载树形菜单功能

非常酷的有农历的日历挂历!

滚动效果

nodejs实现遍历文件夹并统计文件大小

Backbone.js的一些使用技巧

浏览器检测JS代码(兼容目前各大主流浏览器)

Javascript类型转换的规则实例解析

让广告代码不再影响你的网页加载速度

精品推荐
分类导航