`
feohoo
  • 浏览: 112604 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

变更Ext Window 当modal:true时的灰色背景

    博客分类:
  • AJAX
阅读更多

查了下源代码,发现这样可以实现 。

修改相关样式定义:
.ext-el-mask{z-index:20000;position:absolute;top:0;left:0;-moz-opacity:0.5;opacity:.50;filter:alpha(opacity=50);background-color:#CCC;width:100%;height:100%;zoom:1;}

把 filter:alpha(opacity=50); 修改为0,就没有灰色背景啦
前面一个定义 opacity:.50 是针对 firefox的兼容性设置

 

 

 

设置成背景成白色。

分享到:
评论

相关推荐

    ExtJs4.2 Window常用方法

    设置为`true`时,窗口将没有边框和背景色。 - **示例**: ```javascript var win = new Ext.Window({ title: '无边框窗口', width: 300, height: 200, plain: true, html: '这是一个无边框的窗口' }); ``` ...

    EXT弹出框改装实现

    5. **模态窗口**:如果希望弹出框在显示时阻止用户对其他元素的交互,可以设置`modal: true`,创建一个模态窗口。 6. **定位**:通过`x`和`y`配置项或`setLocation`方法可以控制窗口的位置,也可以使用`center`让...

    Extjs 4.x 得到form CheckBox 复选框的值

    CheckBox(复选框)主要用来接收用户选择的选项 如图所示(请忽略UI的不好看): 该弹出窗口的主要代码如下: 代码如下: var win = new Ext.Window({ modal : true, title : ‘确定要拒绝该表吗?’, width : 500, ...

    learning ext js 中文版 之 根据用户操作对话框来给出响应

    modal: true // 是否为模态对话框,防止用户与背景交互 }; ``` 3. 创建并显示对话框:使用配置对象创建`Ext.window.Window`实例,并调用`show()`方法显示对话框。 ```javascript var dialog = Ext.create('Ext....

    extjs 获取焦点

    这里设置了当窗口显示时,调用`initFocus`函数,从而实现在窗口显示时自动将焦点设置到指定元素上。 #### 五、总结 通过上述代码解析,我们可以看到在ExtJS中如何实现窗口显示时自动聚焦到指定元素的功能。这种...

    SSH2上传实现

    var win = new Ext.Window({ title: '文件上传', layout: 'fit', width: 400, height: 200, closeAction: 'hide', resizable: true, shadow: true, modal: true, closable: true, bodyStyle: 'padding: ...

    基于Extjs的模态对话框

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

    Extjs学习—总结的extjs的一些常用小知识点

    - 说明:当设置为 `true` 时,组件将被禁用,用户无法与之交互。 2. **`buttonAlign` 属性**: - 作用:设置按钮的对齐方式。 - 示例代码:`buttonAlign: 'center'` - 说明:这里设置按钮居中显示。 3. **`...

    ExtJs入门实例

    - `buttons`: 按钮配置,可选值包括`Ext.Msg.OK`, `Ext.Msg.OKCANCEL`, `Ext.Msg.CANCEL`, `Ext.Msg.YESNO`, `Ext.Msg.YESNOCANCEL`。 - `closable`: 是否显示关闭按钮。 - `msg`: 对话框中的消息文本。 - `...

    老师整理的extjs学习笔记

    modal: true, items: [ { xtype: 'textarea', flex: 1 } ], buttons: [ { text: 'Close', handler: function() { this.up('window').close(); } } ], renderTo: Ext.getBody() }).show(); ``` **...

    EXTJS4.2浮动侧边框

    var mywindow = Ext.create('Ext.window.Window', { constrainHeader: true, layout: 'fit', title: '相关功能', id: 'rightMenuWindow', plain: true, modal: false, border: 0, padding: 0, width: 240,...

    如何在c#web上弹出消息框

    对于需要实时反馈的场景,可以利用ASP.NET SignalR进行服务器到客户端的实时通信,当服务器有新的消息时,通过SignalR推送至客户端并显示。 7. **Web API与Angular/React等现代前端框架** 如果你的C# Web应用...

    jquery+easyui培训文档 (20111111整理完善)

    它不仅轻量级而且完全免费开源,相较于其他框架如Ext JS,其优势在于体积更小、更易于上手。 根据给定文件提供的信息,我们将重点介绍几个关键的组件,包括Accordion(可折叠标签)、DateBox(日期框)、ComboBox...

    JS小练习代码之二第1/2页

    - **modal**: 窗口为模态,意味着打开时会阻止用户与背景交互。 - **collapsible**: 窗口可以折叠。 - **items**: 包含`myWindowForm`表单。 - **closable**: 禁止直接关闭窗口。 - **buttons**: 包含一个"确定...

Global site tag (gtag.js) - Google Analytics