`
fireinjava
  • 浏览: 484165 次
  • 性别: 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() 即可

相关推荐

    Ext3_MaskLayer:Ext遮罩层

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

    Extjs的loading效果

    在ExtJS中,我们可以使用`Ext.LoadMask`类来创建一个全局或者局部的加载遮罩。加载遮罩会在指定元素上覆盖一层半透明的背景,并显示一个加载图标或文字。例如,我们可以为整个页面设置加载遮罩: ```javascript ...

    基于Extjs的模态对话框

    模态对话框在Extjs中被称作`Ext.window.Window`,它可以覆盖在页面其他元素之上,阻止用户与背景内容的交互,直到对话框被关闭。 首先,创建一个模态对话框的基本步骤如下: 1. 引入Extjs库:确保在HTML文件中正确...

    淘宝旺铺4屏遮掩效果代码

    - 每个 `<td>` 的 `style` 属性中的 `opacity` 和 `background-color` 用于设置遮罩层的透明度和背景颜色,使得遮罩层覆盖在图片上方时不会完全遮挡图片内容。 ##### 3. CSS样式美化 为了使页面更加美观,还需要...

    GridPanel属性详解

    - **描述**:当设置为`true`时,表格将会每隔一行使用不同的背景颜色以增强视觉对比度。默认情况下,该属性为`false`。 5. **cm/colModel** - **描述**:`cm`和`colModel`均用于指定表格的列模型(`ColumnModel`...

    非常炫的js弹出窗口

    2. CSS样式控制:为了让弹出窗口看起来“炫”,需要编写CSS代码来设置窗口的外观,如边框、背景、阴影、动画效果等。CSS3提供了更多高级特性,如过渡(transition)和动画(animation),可以增强视觉效果。 3. ...

    Jquery特效大全

    它允许在页面上显示带有半透明遮罩层的弹窗,通常用于显示重要的通知或警告信息。 **2.2 Simple Modal** Simple Modal 是另一个简单的 jQuery 模态对话框插件。它提供了基本的弹出框功能,并且可以很容易地集成到...

Global site tag (gtag.js) - Google Analytics