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

最新推荐文章于 2018-08-27 16:08:25 发布
最新推荐文章于 2018-08-27 16:08:25 发布 · 352 阅读 · 0
文章标签：

#EXT #Firefox

本文介绍了一种通过修改CSS代码来取消网页中灰色背景遮罩的方法。具体操作是调整filter属性值，将其从50更改为0，同时保留了对于Firefox浏览器的兼容性设置。

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

修改相关样式定义:
.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的兼容性设置

详解dialog中的modal:true
spade_Kwo的博客
12-15 851
可以这样理解，如果你把某个窗体设为模式窗体，那么你要想对其它窗体进行任何操作之前，必须先关闭该窗体。模式窗体强迫用户输入数据，不能切换到其他界面，很多地方会用到，比如在浏览器里点文件——打开，还有打印对话框也是模式窗体。2、非模式的——可以切换到其他窗体，vbModal=1，可选的。如果 style 为 1，则窗体是模式的。窗体分为模式的和非模式的，只有模式和非模式两种,简单点说,当你以模式方式打开一个窗口,你只能在将其关闭以后才能操作另外的窗口.但非模式窗口显示时,你可以同时操作这两个窗口.
modal:true的含义
大鱼的博客
11-12 4821
查EasyUI的API没有专门讲解过modal的含义的，虽然有几处用到了这个，但压根不知道这是什么意思，只是陪衬作用出现的  modal的英文意思是 似乎跟情态动词没什么关系   既然找不到相关的想法，只能自己尝试一下看看弹出的窗口有什么效果 （1）没有加modal:true  （2）加了modal:true （3）加了modal:false  窗口没区别。。。。。那...
ExtJs组件属性及使用说明—window
Love
03-27 228
1、属性 closable:true在右上角显示小叉叉的关闭按钮，默认为true modal:true为模式窗口，后面的内容都不能操作，默认为false plain：//true则主体背景透明，false则主体有小差别的背景色，默认为false resizable:false,(是否可以改变大小，默认可以) maximizable:tru...
Ext学习笔记7-对话框
专注于编程技术
07-07 800
18-Ext.Msg * Ext 中的对话框是异步的，不会阻止javaScript运行，因此对于用户确认后才能执行的代码也需要放到回调函数中 * 关于Ext.MessageBox.show([object config])的使用方法  [object config] 常见配置见下表(只是部分) 配置项 类型 说明 title Stri
var addPicWin = Ext.create('Ext.window.Window', { title: '登录背景导入', layout: 'fit', width: 650, height: 455, modal: true, closeAction: 'hide', items: [addPicPanel], listeners: { show: function () { Ext.getCmp("picUpload").getEl().dom.src = ''; } } });我应该如何这段修改代码，使得页面显示一个空白的占位符图片
06-07
modal: true, closeAction: 'hide', items: [addPicPanel], listeners: { show: function () { Ext.getCmp("picUpload").getEl().dom.src = ''; } } }); ``` 在这里，我使用了一个 `...
Easy-Ext深入解析：Ext.Window配置与实战
`modal`属性用于设定窗口是否为模态，设为true即为模态窗口；`plain`属性控制窗口背景透明与否，默认为非透明；`x`和`y`用于设置窗口左上角的坐标位置；`onEsc`函数可自定义Esc键的行为，默认关闭窗口；`closeAction...
ExtTree应用实例：点击事件引发界面弹出
modal: true, buttons: [{ text: '确定', handler: function() { this.up('window').close(); } }] }).show(); ``` 通过上述示例代码，我们可以创建一个显示节点详细信息的模态对话框。当用户点击树节点后，...
bootstrap中的模态框（modal，弹出层）
热门推荐
开发笔记
08-16 12万+
bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的 HTML 代码放在文档的最高层级内（也就是说，尽量作为 body 标签的直接子元素），以避免其他组件影响模态框的展现或功能。
Extjs弹出window窗口后背景窗口变灰（即不可编辑）
KAIXINLUOYE的博客
02-28 2660
开发备忘： ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true ”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。 以下为简单的例子代码： new Ext.Window({
Bootstrap之modal关闭，但遮罩层无法隐藏
w926498的博客
08-27 2万+
点击如下modal中的按钮时，modal可以正常关闭。 <button v-if="flag == 'update' " data-dismiss="modal" class="btn btn-success btn-sm" @click="updateMainProjectSubmit()">修改 </button> 因为想在点
Ext弹出窗口
Donny的专栏
12-26 634
Ext.MessageBox.alert() Ext.MessageBox.alert()提供一个OK按钮。对应JavaScript中的alert()。 定义：alert(Stringtitle,Stringmsg,[Function fn], [Object scope]) :Ext.MessageBox 该函数有4个参数： Title:窗口标题 Msg:弹出窗口内容 Fn:回调函...
如何让Extjs弹出window窗口后背景窗口变灰（即不可编辑）
security08的专栏
10-28 1万+
ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。以下为简单的例子代码： new Ext.Window({
Extjs window窗口在model下背景颜色由半透明更改为全透明
sxj的专栏
02-16 2805
1、默认效果图为： 2、最终效果图为： 3、更改只需要在resources\ext-theme-classic目录下的ext-theme-classic-all-debug.css文件中，找到.x-mask，如下图所示： 4、只需要将Opacity=50改为0，opacity:0.5改为：opacity:0.0，如下图所示：
Ext风格
w_wind的专栏
02-20 757
在ExtJs中，ID属性最好少使用。 因为在不为组件指定ID的情况下，默认为其自动分配id；如果手动指定ID，系统就会以此为准。   但是往往在系统中，尤其是使用TabPanel的情况下，一下加载了多个JS页面，很容易出现多个组件使用重复的一个ID都情况，当关闭某个tab页，却因为别的tab页存在相同id的组件无法销毁该页面组件；而且在使用Ext.getCmp获取组件时候出问题-
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值