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

最新推荐文章于 2018-11-12 21:28:19 发布
最新推荐文章于 2018-11-12 21:28:19 发布
阅读量286 收藏
点赞数
分类专栏： Ext 文章标签： EXT 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的兼容性设置

iteye_8853
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular-blurred-modal:模糊背景的全屏模态对话框
06-12
模糊背景的全屏模态对话框 例子 用法 您需要在代码中使用 2 个角度指令。 st-blurred-dialog-region指定将被模糊处理的 HTML 区域。 st-blurred-dialog-overlay必须放置在您希望模态 HTML 呈现的任何位置。 请注意...
ant-design-draggable-modal:Ant Design的Modal，可拖动
05-02
yarn add ant-design-draggable-modal 注意：您必须使用react@16.8.0和react-dom@16.8.0或更高版本。 :hammer: 用法 import React , { useState , useCallback } from 'react' import { Button } from 'antd' ...
ExtJs组件属性及使用说明—window
Love
03-27 176
1、属性 closable:true在右上角显示小叉叉的关闭按钮，默认为true modal:true为模式窗口，后面的内容都不能操作，默认为false plain：//true则主体背景透明，false则主体有小差别的背景色，默认为false resizable:false,(是否可以改变大小，默认可以) maximizable:tru...
modal:true的含义
大鱼的博客
11-12 4670
查EasyUI的API没有专门讲解过modal的含义的，虽然有几处用到了这个，但压根不知道这是什么意思，只是陪衬作用出现的  modal的英文意思是 似乎跟情态动词没什么关系   既然找不到相关的想法，只能自己尝试一下看看弹出的窗口有什么效果 （1）没有加modal:true  （2）加了modal:true （3）加了modal:false  窗口没区别。。。。。那...
Ext.Window属性modal,内存量大
x306975056的专栏
07-18 423
众所周知，有了Ext，让我们省去了美工。可今天上午有客户突然反应说我们产品占用浏览器资源相当高，一个页面甚至达到了300MB-1000MB，直到内存满。开始我以为是浏览器之前访问过别的页面，资源没及时释放，可后来自己进去测试后，发现每点击一个使用Ext实现的窗口时，内存占用量都会增加50M，当时就惊叹的对自己说到：“不至于吧“。      发现问题后开始分析，第一步开始从页面上找原因，因为首页是属...
extjs4 多个模态 modal 窗口在IE8下第二个模态窗口及 Ext.MessageBox被modal窗口被遮盖的解决方法
GoldTiger的专栏
01-31 1377
var ZC_Message_Error = function (msg, fn) {     Ext.defer(function () {         Ext.Msg.show({             title: '众诚软件提示',             msg: msg,             buttons: Ext.MessageBox.OK,
extjs 模态窗口问题(window modal z index)
weixin_34010566的博客
08-26 855
extjs2.1问题描述：设置window 属性modal: true在firefox中是没有问题的。但是在chrome中遇到个奇怪的问题，window下嵌套一个panel的情况下没有问题；在window下嵌套一个panel，在panel中又嵌套两个panel，这种情况下，window显示的时候不仅把后面的给mask掉了，就连window窗体本身也被mask掉了。解决过程：代...
vuex-modal:简单的模态组件Vuex模块
05-02
$ npm install --save vuex-modal # or $ yarn add vuex-modal 用法 导入modalModule并将其设置为Vuex模块。 import Vue from 'vue' import Vuex from 'vuex' import { modalModule } from 'vuex-modal' Vue . use ...
accessible_modal_window:可访问的模式对话框
05-11
安装您可以获得此软件包： $ npm i aria-modal-dialog 克隆它： $ git clone https://github.com/scottaohara/accessible_modal_window.git 或。 该组件CSS包含在assets/css/ 。 加载脚本/页面时，这些类将添加到...
modal_window：简单JavaScript模态窗口示例
02-11
JavaScript模态窗口（Modal Window）是一种常见的网页设计技术，它用于在用户与主页面交互时显示额外信息，而不会让用户离开当前页面。这种设计模式在需要用户确认操作、展示详细信息或者提供表单输入时非常实用。在...
extjs设置弹出窗口
dong__CSDN的博客
09-25 2950
在使用extjs时，点击一个按钮或链接，弹出一个窗口： 这里的例子弹出一个图片窗口。 按钮或超链接直接调用pictureWin(path);方法 function pictureWin(path){ formWindow = newPictureWin(path); formWindow.show(); } //图片窗口 function newPictureWin(path){ v...
Extjs弹出window窗口后背景窗口变灰（即不可编辑）
KAIXINLUOYE的博客
02-28 2541
开发备忘： ExtJS在使用Ext.Msg.alter(),Ext.Msg.confirm()弹出窗口后，背景窗口即变灰，不可编辑。但使用Ext.Window时，默认弹出窗口后，背景窗口仍是可以编辑的这时可以在Ext.Window属性中添加“modal:true ”的配置，即可实现弹出window窗口后背景窗口变得不可编辑。 以下为简单的例子代码： new Ext.Window({
如何让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 2737
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，如下图所示：
弹出MessageBox并延迟一段时间后自动关闭的一种方法（仅供参考）
热门推荐
已被格式化的叔叔
12-28 1万+
从网上看到MessageBox会导致阻塞，要想延时后自动关闭只能发送Enter或者向指定窗口发送关闭消息。这些方法都比较麻烦，有一种更为简便的方法，思路是：在Form1里生成一个新的窗口Form2，Form2窗口不显示，使用MessageBox.Show()指定所有者是Form2，Form1的定时器延时一段时间后关闭Form2,这样一来关闭Form2的同时，MessageBox也被关闭了。
ExtJs——Ext.window.Window
周厉的技术人生
11-28 8935
微信小程序实战项目——点餐系统      程序员11月书讯，评论得书啦       Get IT技能知识库，50个领域一键直达 4、ExtJs——Ext.window.Window 2014-09-17 09:17 3272人阅读 评论(0) 收藏 举报 本文章已收录于： 分类： 网页前台技术（14）
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 = ''; } } }); ``` 在这里，我使用了一个 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值