`
fireinjava
  • 浏览: 480588 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

Ext背景遮罩

    博客分类:
  • Ext
EXT 
阅读更多

FormPanel的disabled:true时,置灰不好看,字会模糊掉,
所以仿弹出窗口Ext.Window的modal : true给FormPanel弄个遮罩

代码如下:

var formPanel = new Ext.form.FormPanel({      
 //...略      
});      
var mask=formPanel.getEl().createChild(      
       {cls : "ext-el-mask"}, formPanel.getEl().dom);   

下图为遮罩与disabled的效果对比: 

 

  • 大小: 5.7 KB
分享到:
评论
5 楼 atian25 2009-08-18  
只要是Element都成.
文本框你可以封装成Element咯, Ext.get一下
4 楼 peteronline 2009-08-18  
文本框也可以这样吗?
3 楼 atian25 2009-08-14  
是属于Element的方法, api看下即可
2 楼 fireinjava 2009-08-14  
atian25 写道
formPanel.getEl().mask() 即可

呀,这么简单哈
学习了
1 楼 atian25 2009-08-13  
formPanel.getEl().mask() 即可

相关推荐

    qt5 遮罩背景 灰色遮罩层实现

    通过以上步骤,你可以在Qt5中实现一个遮罩背景,当对话框弹出时,主窗体会被一个半透明的灰色层遮挡,从而更突出对话框。这种技术在很多应用中都能看到,用于提供更好的用户体验。记得在编写代码时,注意保持代码的...

    CSS3鼠标悬停图片半透明渐变颜色背景遮罩动画特效

    在本文中,我们将深入探讨如何使用CSS3实现一个精美的鼠标悬停图片半透明渐变颜色背景遮罩动画特效。这个特效在用户将鼠标指针悬停在图片上时,会在图片上方添加一层带有渐变颜色的遮罩,当鼠标移开时,遮罩会以平滑...

    点击遮罩层的背景关闭遮罩层

    class=Select_Region_bj 我给了一个灰色半透明的背景样式,后来在Javascript中写onclick事件无论这么写,点击内容区也是会关闭掉遮罩层。我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩

    Qt之实现遮罩窗口,实现了窗口遮罩效果

    在Qt编程中,实现遮罩窗口(mask window)是一种常见的需求,主要用于在界面操作时提供视觉提示或防止用户误操作。遮罩窗口通常是一个半透明的覆盖层,它允许底层窗口的部分可见,但限制用户的交互。本文将详细介绍...

    jquery弹出层背景遮罩

    jquery弹出div层,并让背景遮罩不可选

    Background-Matting基于背景遮罩的绿屏

    背景遮罩是实现绿屏效果的关键步骤。传统上,这一过程依赖于手动选择和调整遮罩,这是一项耗时且需要专业技能的任务。随着人工智能的发展,特别是计算机视觉领域的进步,算法已经能够自动识别和精确地分割出前景与...

    CSS3/SVG火焰背景遮罩文字动画

    之前我们分享过一些炫酷的带遮罩的CSS3文字动画特效,比如这款基于P5.JS的...今天要分享的也是一款CSS3遮罩文字动画,这次的遮罩是动态燃烧的火焰作为背景,同时也利用了SVG的路径功能绘制文字的镂空形状,非常炫酷。

    jQuery鼠标经过背景遮罩显示文字介绍相册代码下载.zip

    【jQuery鼠标经过背景遮罩显示文字介绍相册代码】是一种常见的网页交互效果,它通过JavaScript库jQuery实现,常用于图片展示或相册设计。当用户将鼠标悬停在图片上时,会有一个半透明的遮罩层覆盖在图片上,并在遮罩...

    css3半透明遮罩背景lightbox图片展示特效

    在“css3半透明遮罩背景lightbox图片展示特效”中,我们主要关注的是如何使用CSS3来创建具有半透明遮罩和动态效果的图片展示组件,通常被称为Lightbox。Lightbox是一种流行的设计模式,当用户点击图片预览链接时,会...

    css3实现模糊背景遮罩高亮动画特效源码.zip

    这个压缩包文件“css3实现模糊背景遮罩高亮动画特效源码.zip”显然包含了一套使用CSS3编写的源代码,用于创建具有模糊背景、遮罩以及动态高亮效果的动画特效。这种效果常用于吸引用户的注意力或者突出特定内容,是...

    Winform----自定义控件之背景半透明遮罩加载控件

    本主题将深入探讨如何创建一个自定义控件,实现背景半透明的遮罩加载效果,以在进行数据查询或其他耗时操作时提供良好的用户体验。 首先,我们需要创建一个新的用户控件(UserControl)。在Visual Studio中,可以通过...

    Ext3_MaskLayer:Ext遮罩层

    遮罩层通常用于在页面执行耗时操作(如加载数据、弹出对话框)时,防止用户与背景内容交互,提供更好的用户体验。 在ExtJS中,遮罩层主要通过`Ext.LoadMask`类来实现,它可以覆盖整个窗口或特定的组件,显示一个...

    openlayers遮罩示例

    **OpenLayers 遮罩示例** OpenLayers 是一个强大的开源JavaScript库,用于在Web上构建交互式的地图应用。这个示例将展示如何在OpenLayers中实现地图遮罩功能,以便在地图上显示半透明覆盖层,从而突出显示特定区域...

    css3给背景图片加颜色遮罩的方法

    前段时间在开发中,遇到需要给背景层加颜色遮罩的项目,现在特定总结一下给背景图层加颜色遮罩的方法。 方法一:通过定位叠加(注意层级) <div class=inner> .wrap1 { position: relative; width: 1200px; ...

    WPF弹出半透明遮罩

    创建一个半透明的弹出遮罩是常见的需求,尤其是在设计用户界面时,为了提供更好的用户体验,我们可能需要在主窗口上显示一个半透明的覆盖层,以突出显示某些内容或者阻止用户与背景交互。下面我们将详细探讨如何在...

    jQuery跳动遮罩背景 jQuery跳动遮罩背景网页特效.zip

    同时,JavaScript还可以用来监听用户的交互事件,比如当用户滚动页面或点击某个元素时,触发遮罩背景的跳动效果。 总的来说,"jQuery跳动遮罩背景"是一个结合了前端技术的综合应用案例。它展示了如何通过jQuery来...

    CSS3模糊背景图片透明遮罩动画特效

    【CSS3模糊背景图片透明遮罩动画特效】是一种在网页设计中常见的视觉表现手法,它通过结合CSS3的多种特性,创造出引人入胜的用户体验。这个特效主要由以下几个核心知识点构成: 1. **CSS3滤镜(Filter)**:模糊...

    QT实现半透明遮罩Demo

    在构造函数中设置背景颜色(比如灰色)和透明度(通过QColor的alpha通道设置)。 2. 在该类中覆盖`paintEvent()`方法,使用QPainter绘制遮罩。如果需要特殊形状,可以使用QPainterPath。 3. 在主窗口中,将遮罩控件...

    winform实现遮罩层效果

    在Windows Forms(Winform)开发中,遮罩层(Mask Layer)通常被用来提供一种半透明的覆盖层,用于在用户界面(UI)上显示等待、加载或提示信息,同时阻止用户与背景界面进行交互。它是一种常见的用户体验设计元素,...

    JS弹窗带有背景颜色会渐变效果遮罩住背景

    在JavaScript(JS)中,创建一个带有渐变背景色并能遮罩住页面背景的弹窗效果是一项常见的任务,尤其在网页交互设计中。这种效果能够提供更好的用户体验,因为渐变遮罩可以使用户更加专注于弹出的内容,同时不完全...

Global site tag (gtag.js) - Google Analytics