关于EXT使用蒙版和单操作(添加,修改,导入)的一点点总结

首先对图进行说明一下, 这两个是添加和修改的,都是单操作,使用蒙版,因为看上去好看,不用蒙版也行,处理一下同样是单操作,只是看上去也许你觉得不怎么样,当然因人而异.

这里来说下蒙版的问题,呵呵,很多人都认为这个很简单,就是mask()和unmask(),要说语法,当然是只有这样了.

不过简单虽简单,还是要来说说自己的看法,因为上次做的时候,出现了不能全蒙的问题.

首先来说说具体的问题过程吧:
第一,使用蒙版大部分都是用在添加,修改,删除,导入,等操作的时候,这些时候,如果不蒙版,当然也有其他的方式可以解决单操作,或者多操作的问题(多操作我没有遇到过,说能解决,有些说大话了.不过单操作绝对没有问题.)

还有一个前提是,在这些操作的时候,是弹出一个框(WINDOW-->哈哈)对其进行添加,修改,导入等.如果是这样,你的条件满足了,可以看下面的内容了

具体的其实很简单,
首先就是定义一个层:放下你的面板(不管是GridPanel也好,还是其他的Panel也好,)
语句如:
<div id="extGrid" style="WIDTH:100%">
<div id="toolbar"> </div>
</div>

注意这里其实交给大家的就是这里的 style="WIDTH:100%" 如果没有这个,应该是不行,所以对于我这个项目,必须要,如果没有,我是运行不出来的,所以有了这一句,以后的就好办了,想必具体使用EXT的都能够猜出一二吧.
----->没错,就是将这个grid全部蒙掉.

其次就是具体的语句了,(我的添加修改是一个window,导入是另外的一个window(这个导入因为引入了其他的小控件))

这里举一个例子
这次写的十分不完善,因为就是给出了部分,没有给出全部的程序,所以不要见怪,

/*************************生成表单窗口(添加修改都用这个方框.)*************************/
function initWindow(formPanel, title) {
//for(i=0;i<formPanel.items.length;i++)
//alert(formPanel.items.get(i).value);

//一次只能添加或者修改一条记录.
/*
不用蒙版也行,这里只需要这样一句,就可以每次只能打开一个窗口,我这里都是直接destroy,用close也行,hide也行,自己喜好吧.
if(formWindow!=null){
formWindow.destroy();
}
*/

formWindow = new Ext.Window({
title: title,
width: 280,
height: 155,
minWidth: 200,
minHeight: 200,
layout: 'fit',
plain:true,
bodyStyle:'padding:5px;',
buttonAlign:'center',
items: formPanel,
buttons: [{
text: '确认',
handler: function() {
if (formPanel.form.isValid()) {
formPanel.form.submit({
waitMsg:'数据处理中,请等待...',
failure: onFailure,//这里的两个方法的蒙版都跟语句中使用的是一样的.
success: onSuccess //因为这里成功和失败是否需要蒙版根据情况来调用,调用的语句没有变化,都是mask()和unmask()
});
}

else {
Ext.MessageBox.alert('提交失败', '输入的数据有误！请检查对应红色提示框！');
Ext.get('extGrid').mask();
}

}

},{
text: '取消',
handler: function() {
formWindow.destroy();
}
}]
});
formWindow.on('beforedestroy',unmask);//这里是为了在window关闭(应该是叫销毁)的时候调用蒙版效果消失的函数,呵呵,这个on每次屡试不爽,
//也可以写成formWindow.on('beforedestroy',function(){Ext.get('extGrid').unmask();});

formWindow.show();
　
}

function unmask(){
Ext.get('extGrid').unmask();
}

关于EXT使用蒙版和单操作(添加,修改,导入)的一点点总结,在实际的工作当中,也许根据自己的需要,你不一定能够用上这里的东西,但是说实话,这个蒙版效果还算不错,根据内容来蒙版,主要的是层的style需要设置.