关于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需要设置.