ExtJs中关于mask()的应用说明

Ext.Msg.alert( String title, String msg, [Function fn], [Object scope] )方法应用起来后能看到蒙版的效果。也就是除了alert框内的东东能点击外，其他部分均不可操作。

图1-alert效果图


其实蒙版效果也可完全作用于任何一个组件。通过调用Element的mask()方法即可。
那么他们间是如何联系的呢？
先来看看Ext的组件的超类Ext.Component,这个类中有getEl()方法，返回的是Element元素对象实例。
因此，如果是想蒙版一个组件实例，即可这样应用。如：
var fp = new Ext.form.FormPanel({......});
fp.getEl().mask();
或者
var fp = new Ext.form.FormPanel({id:"fpanel",......});
Ext.getCmp("fpanel").getEl().mask();

图2-对组件实例进行蒙版的效果图


另外，如果想为整个的body蒙版的话，可以如下：
Ext.get(document.body).mask();
或者
Ext.getBody().mask();

图3-对Body进行蒙版的效果图

评论

9 楼 xiaojunli 2009-03-26  

怎么释放蒙板下的按钮?

8 楼 leader-12 2009-01-22  

Ext.getBody().mask().remove(); 是撤销蒙版

7 楼 yourgame 2008-11-03  

这种效果不是bug
例如整个body被mask()了
可以通过tab键来设置焦点

6 楼 yahaitt 2008-08-13  

呵呵，你认为这是BUG？

5 楼 yanji94521 2008-08-13  

可是你了解这中效果的BUG如何解决么？即：被遮盖区域仍然可以获得焦点……

4 楼 天下1 2008-07-03  

不过很经典！

3 楼 天下1 2008-07-03  

没有想到丫老师的博客在这里，可惜extjs的内容不是很多很多....

2 楼 parker1005 2008-07-02  

你的视频是收费地。 

1 楼 parker1005 2008-07-02  

你的视频是收费地。