`
yahaitt
  • 浏览: 760744 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

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  
你的视频是收费地。

相关推荐

    EXTJS应用EXTJS应用EXTJS应用EXTJS应用

    `使用帮助.txt`文件通常提供关于如何使用应用程序的指南,包括功能介绍、操作步骤和常见问题解答,帮助用户更好地理解和操作EXTJS应用。 `洪越源代码--更多免费精品商业源码.url`看起来是一个链接,可能指向一个...

    extjs中文文档大全

    ExtJS是一种基于JavaScript的开源富客户端框架,用于构建桌面级的Web应用程序。它提供了一整套组件化的用户界面元素和强大的数据绑定机制,使得开发者能够创建功能丰富的、交互性强的Web应用。本文档集合包括了...

    extjs多版本整合应用

    多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用多版本整合ExtJs应用。

    Extjs 中文API文档

    Extjs 中文API文档,有对Extjs相关API的中文说明

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    在"ExtJs3.3中文API.CHM"中,开发者可以找到关于ExtJS 3.3的所有API和类的详细描述,以及相关的示例代码。 ExtJS 3.3的核心特性包括: 1. **组件化**:ExtJS基于组件模型,提供了一系列预定义的UI组件,如按钮、...

    extjs 做的桌面应用程序界面

    extjs 做的桌面应用程序界面,只是前台的界面, 没有后台代码

    extjs mask load

    标题“extjs mask load”指的是ExtJS框架中的一个特定功能,即在数据加载或处理过程中显示遮罩(mask)来指示用户操作正在进行中。在Web应用程序中,这通常用于提升用户体验,防止用户在数据更新期间进行其他交互,...

    Extjs+WEB+应用程序开发指南

    Extjs+WEB+应用程序开发指南 Extjs+WEB+应用程序开发指南 Extjs+WEB+应用程序开发指南

    Extjs中文文档

    Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。

    extjs做的一个桌面应用系统

    在EXTJS2.0中,开发者可以利用其强大的布局管理器,如fit布局、border布局等,来创建各种复杂的界面结构。同时,EXTJS的事件处理机制使得用户交互更加自然流畅。DWR则负责在后台处理业务逻辑和数据操作,通过JSON或...

    extjs中文帮助文档和英文api

    在中文帮助文档中,你可以找到关于布局管理、表单元素、数据绑定、图表组件、菜单、工具栏、面板、窗口等核心功能的详细说明。 ExtJS的英文API(ExtJS.chm)则为英文环境下的开发者提供了原汁原味的技术文档。API...

    ExtJS介绍及应用举例

    描述中的“包括demo和jar包”意味着压缩包内不仅有源代码示例,还可能有一个Java可执行文件(.exe),这可能是用于演示ExtJS功能的一个小型应用。同时,ExtJS01.ppt可能是一个PowerPoint演示文稿,详细解释了ExtJS的...

    ExtJs 实例+ExtJs中文教程(学习extjs必备)

    在《ExtJs 实例》中,你将找到各种实际应用场景的代码示例,这些实例涵盖了ExtJs的各种组件和功能。通过学习这些实例,你可以更好地理解如何在实际项目中应用ExtJs,例如如何创建网格(Grid)、表单(Form)、树形...

    extJs2.0 中文手册

    由于无法直接查看图像内容,我将基于标题、描述和标签的内容,为您提供关于ExtJs2.0中文手册的知识点概述。 ExtJs是一个强大的JavaScript框架,用于创建富互联网应用(RIA)。它提供了一套丰富的组件和工具来构建...

    extjs中文API说明.CHM

    extjs中文API说明.CHM extjs中文API说明.CHM extjs中文API说明.CHM extjs中文API说明.CHM

    ExtjsApi中文说明

    无论是新手还是经验丰富的开发者,深入理解并运用《ExtJS API中文说明》中的内容都是提升开发效率和代码质量的重要途径。通过阅读CHM或EXE文件,开发者可以系统地学习和查找ExtJS框架的各类功能,从而更好地在实际...

    ExtJs各组件简单应用例子导入到eclipse即可

    本示例主要关注如何将ExtJS的组件应用实例导入到Eclipse开发环境中,以便进行学习和开发。 在开始之前,确保你已经安装了Eclipse IDE,并且安装了支持JavaScript开发的插件,例如Eclipse for JavaScript Developers...

    《Extjs Web应用程序开发指南》代码(全)

    《Extjs Web应用程序开发指南》是一本专注于使用Extjs框架进行Web应用开发的专业书籍,而提供的压缩包文件包含了书中各个章节的源代码示例。这些示例代码是学习Extjs框架的重要参考资料,可以帮助读者深入理解Extjs...

    中文的Extjs的api手册

    ExtJS是一种基于JavaScript的开源富客户端框架,用于构建桌面级的Web应用程序。它提供了一套完整的组件模型、数据绑定机制以及强大的布局管理器,使得开发者能够创建功能丰富的、交互性强的用户界面。3.3版本虽然...

    ExtJS Web应用程序开发指南(第2版).pdf 高清下载

    尽管给定的部分内容主要涉及的是一个重复的链接到一个Java学习社区,并没有直接提供关于ExtJS的任何信息,但是基于标题“ExtJS Web应用程序开发指南(第2版).pdf高清下载”和描述,我们可以围绕ExtJS框架进行深入...

Global site tag (gtag.js) - Google Analytics