extjs mask 蒙版 confirm对话框 使用

 

 

1  蒙版效果也可完全作用于任何一个组件。通过调用Element的mask()方法即可。 

那么他们间是如何联系的呢？ 

2  组件使用 蒙版    Ext的组件的超类Ext.Component,这个类中有getEl()方法，返回的是Element元素对象实例

 

	<script type="text/javascript">
	Ext.onReady(function(){
	 
		var win = new Ext.Window({
			title:'window使用',
			width:300,
			height:400,
			layout:{
				type:'anchor',
				padding: 5
			},
			defaults:{split:true},//含有拖拽的功能
			buttons:[{
				text:'点击',
	            handler : function(  ) {
	            	win.getEl().mask(); //启用 蒙版效果 
	            	Ext.MessageBox.confirm('使用蒙版',"确定取消蒙版么",function(btn){
	           		   if (btn == 'yes'){
	           			 win.getEl().unmask();  //点击yes 去掉蒙版
	           		    }
	            	});
	            }
			}]
		});
		win.show(); //调用了这个方法 窗口才能显示
	});
	
	</script>