ext等待提示

1.Store加载信息等待

ExtJs的Store在加载时候一般是延迟加载的,这时候Grid就会先出现一片空白,等加载完成后才出现数据;因此,我们需要给它添加一个提示信息!

但是Store却没有waitMsg属性。

解决方案:

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:'提示',
width : 250,
msg:'页面报表统计信息刷新中,请稍后......'
});
}
}
});

reportStore.load({
callback: function(records, options, success){
msgTip.hide(); // 加载完成,关闭提示框
}
});

注意:如果有调用reload来重新刷新页面,reload也要添加callback函数来关闭提示框

reportStore.reload({
callback: function(records, options, success){
msgTip.hide(); // 加载完成,关闭提示框
}
});

参考:http://blog.sina.com.cn/s/blog_67cc6e7d0100ox6t.html

2.Ext.ajax.Request的等待提示

 var nwin = new Ext.Window({
title: '编辑',
modal : true,
closeAction : 'close',
buttonAlign : 'center',
width : 400,
height : 300,
layout : 'fit',
items: assignmentZDGrid,
buttons: [{text: '确定',handler: function(){
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg: '正在保存,请稍后!',
removeMask: true //完成后移除
});
myMask.show();
var ids="";
var codes="";
for(var i=0;i <assignmentZDGrid.getStore().getCount();i++)
{ var id=assignmentZDGrid.getStore().getAt(i).get("type")+":"+assignmentZDGrid.getStore().getAt(i).get("id");
ids+=id+",";
var code=assignmentZDGrid.getStore().getAt(i).get("codeid");
codes+=code+",";

Ext.Ajax.request({
url : './flow/saveProcessorsForCurrent.html',
method : 'POST',
params : {ids : ids,codes : codes},
success : function(response, options) {
var responseArray = Ext.util.JSON.decode(response.responseText);
myMask.hide();
formView.grid.getStore().load();
Ext.Msg.alert('消息',responseArray.msg);
nwin.close();
}
});

}},{text: '取消',handler :function(){nwin.close();}}]
});

参考:http://hi.baidu.com/du_bu_kong_wu/blog/item/0558f255756020ceb745ae8b.html

转自:http://hi.baidu.com/hf5611/item/a209dde5f3fe26acc00d7576

posted @ 2013-12-30 20:47  尐sんΙ頭  阅读(636)  评论(0编辑  收藏  举报