2008-06-30

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

关键字: extjs
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进行蒙版的效果图
评论
yahaitt 2008-08-13
呵呵，你认为这是BUG？
yanji94521 2008-08-13
可是你了解这中效果的BUG如何解决么？即：被遮盖区域仍然可以获得焦点……
天下1 2008-07-03
不过很经典！
天下1 2008-07-03
没有想到丫老师的博客在这里，可惜extjs的内容不是很多很多....
parker1005 2008-07-02
你的视频是收费地。
parker1005 2008-07-02
你的视频是收费地。
发表评论

您还没有登录，请登录后发表评论

yahaitt
搜索本博客
我的相册
24165a36-4704-3d78-a4aa-aa66ca678e03-thumb
ExtJs中关于grid和store的应用分析（一）
共 14 张
最近加入圈子
存档
最新评论