ext 的loadmask 与ajax的同步请求水火不容

由于ajax 的同步请求会有一段请求时间。有的短。有的长，对于短的我们还是能接受的，不过长的话就必须处理一下了，

就比如处于ext 4.2.0的框架下，需要一个遮掩的样式，框架是有自带的，loadmask ，这个东西，不过是放在同步ajax中的话

loadmask函数处于哪个位置都会被同步ajax 放到ajax请求结束之后在 触发，而且使用同步ajax中 ，页面的话也是等ajax请求

完在渲染的，这样的情况下，ajax的请求时间这个空挡还是没有被遮掩的。这种情况的处理是，使用异步的ajax，

同步与异步的区别是同步的情况下，一切与页面交互的东西都会被放到ajax请求结束后在触发，而异步并不是，他可以一边向

后台请求数据一边处理页面的事件。这就是异步的好处，不过异步也有一些地方是让人不舒服的，就是异步请求到的数据不能

在外部使用，这也一个头疼的地方。不过这一点我还没深入的研究过，也不知道是不是与异步请求的时间有关。

重点是同步ajax请求期间不能与页面交互

ext 的loadmask的遮掩效果：

一、可以直接应用在元素上，如：

target 可以是：document.body、元素、DOM节点、id

var loadMarsk = new Ext.LoadMask(target, {

msg     : '正在删除数据，请稍候。。。。。。',

removeMask  : true// 完成后移除     这个没有尝试过，不知道是什么完成之后移除

});

loadMarsk .show();  //显示

loadMarsk .hide();  //隐藏

二、还可以和Ext.data.Store结合，可将效果与Store的加载达到同步，如：

var loadMarsk = new Ext.LoadMask(document.body, {

msg     : '数据处理中，请稍候。。。。。。',

disabled    : false,

store   : store

});

三、在form的submit方法中有waitMsg属性来达到上面的效果 ,如：

form.submit({

waitMsg : '正在提交数据...'

.....

实例代码：

//添加到body

var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"Please wait..."});

myMask.show();

//添加到grid

var grid =  new Ext.grid.GridPanel({

cm     : myCm,

store  : myStore,

loadMask   : {

msg : '加载数据中，请稍候...'

}

});