ExtJs中Store加载(load)时候提示信息
2012-05-08 11:13
411 查看
ExtJs中Store加载时提示信息(加载完毕关闭提示框)
ExtJs的Store在加载时候一般是延迟加载的,这时候Grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!解决方案:
1.给store添加监听器,监听beforeload事件,加载前弹出提示框,加载完成后关闭提示框
2.callback为load的回调函数,在加载完成后执行,因此关闭提示框由它完成;
3.一定要给store的reload方法也添加callback函数,已关闭提示框
例子主要代码如下:
var msgTip; // 一定要定义在使用前,且定义为全局变量 var reportStore=new Ext.data.Store({ proxy:reportProxy, reader:reportReader, listeners:{ beforeload:function(){ msgTip = Ext.MessageBox.show({ title:'提示', msg:'页面报表统计信息刷新中,请稍后......' }); } } }); reportStore.load({ callback: function(records, options, success){ msgTip.hide(); // 加载完成,关闭提示框 } });
注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框
reportStore.reload({ callback: function(records, options, success){ msgTip.hide(); // 加载完成,关闭提示框 } });
--------------------------------------Store.load简介-----------------------------
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为true时,load()得到的数据会添加在原来的store数据的末尾,
//否则会先清除之前的数据,再将得到的数据添加到store中
add: true
});
转自:http://hi.baidu.com/huahua035/item/0a48904a7bea05a8df2a9fa1
相关文章推荐
- ExtJs中Store加载(load)时候提示信息(自定义waitMsg--加载完毕关闭提示框)
- extjs4 [store异常处理] [加载信息提示]
- ExtJS中store自动加载数据的时候,在firebug下http status为Aborted时的处理方法
- store 加载异常处理与加载信息提示
- Extjs Ext.data.store 捕获加载数据的异常,并打印信息
- extjs store load 加载数据参数和分页时参数设置
- 如何解决更新证书、或者创建SSL证书的时候显示“无法生成证书请求,拒绝访问”等提示信息
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- XmlDocument.Load()加载xml文件时,提示分析 EntityName 时出错的问题。
- extjs4 grid store.load 时不改变滚动条位置
- extjs4 grid store.load 时不改变滚动条位置
- 用SQLServer2005还原数据库的时候出错,提示错误信息"C:/Program Files/Microsoft SQL Server/MSSQL.1/MSSQL/Data/db.mdf的目录查找失败..."。这样的错误偶尔会遇到,请问是怎么回事,该怎
- (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)
- 安装oracle数据库时候,提示:加载数据库时出错:areaQueries停止安装所有产品,只停止安装该组件。
- extjs点击属性名如何让store不加载
- 页面加载时显示一个loading的图片或者动画或者提示信息
- extjs-store数据加载
- 关于Ext3.0中按条件查询并重新加载Grid中的数据的实现过程及store.load的分析
- ExtJs.Store.load()各参数含义解析
- ExtJs Store Load 返回数据库传出的Message