extjs中loading效果

闻雨轩少爷

于 2016-04-14 10:43:30 发布

阅读量3.6k

点赞数

CC 4.0 BY-SA版权

文章标签： extjs

本文链接：https://blog.youkuaiyun.com/yeyujiao8888/article/details/51149653

本文介绍如何在ExtJS中实现页面加载时的遮罩效果，通过创建LoadMask实例并在AJAX请求前后调用show和hide方法来显示和隐藏加载提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：ext在数据从数据库查出来以前，页面显示loading效果：

代码如下：

//loading效果代码
var myMask = new Ext.LoadMask(Ext.getBody(), {//也可以是Ext.getCmp('').getEl()窗口名称     Ext.getBody()
	 	msg : "正在查询,请稍后...",//你要写成Loading...也可以
	 	msgCls : 'z-index:10000;'
	 });

在ajax中显示loading效果，代码如下：


function searchAnalyse(){
	myMask.show();//显示loading效果
	$.ajax({        
		type:'post',        
		url:path+'/ComplaintsPendingController/batchAnalysis.do',    
		dataType:'json',  
		async: true,
		success:function(result){
			myMask.hide();//隐藏loading效果
			myStore.removeAll();
			dataSource = result.resultList;
			myStore.add(dataSource);
			page = result.page;
			initPage();
		}    
	});