导航:首页 > 编程语言 > extjs遮罩动画

extjs遮罩动画

发布时间:2023-05-25 21:25:25

1. extjs4 弹出window后只遮罩其父容器

{
xtype: 'button',
margin:'0 0 0 5',
text: '新建',
iconCls: 'add',
handler:function(){
Ext.getBody().mask();//这个地方可以获取panel1或则是panel2的id来实现遮罩,然后在用window.on来处理解除遮罩
var win_add = Ext.create('typenewWindow',{});
win_add.show(this, function() {
});
win_add.on('close',function(){
Ext.getBody().unmask();
});
}
}

2. ExtJs怎么改变遮罩的颜色

写一个隐藏DIV,控制DIV覆盖整个页面

代码可以版参考:权
#shadowDiv {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px : left : 0px;
background-color: #FFF;
filter: alpha(opacity = 70);
opacity: 0.7;
z-index: 65534
}
function test(){
var d = document.createElement("DIV");
d.id = "shadowDiv";
document.body.insertBefore(d, document.body.firstChild);
d.style.display='block';
d.style.height=document.body.scrollHeight;
}

3. 网页弹出一个div层 后面出现一个半透明遮罩层 这是怎么实现的

var p=document.createElement("DIV");
p.id="MyAlertBoxMasker";
p.style.position="absolute";
p.style.width=document.body.scrollWidth;
p.style.height=document.documentElement.offsetHeight;
p.style.zIndex='998';
p.style.top='0';
p.style.left='0';
p.style.backgroundColor="gray";
p.style.opacity='0.5';
p.style.filter="alpha(opacity=80)";
//内陪袜容层
var p1=document.createElement("DIV");
var top=parseInt(parseInt(document.body.scrollHeight)*0.25)+document.body.scrollTop;
p1.id="MyAlertBox";
p1.style.position="absolute";
var left=document.documentElement.offsetHeight/2;
var left=0;
p1.style.zIndex='999';
p1.style.top=top+'px';
p1.style.left=left+'粗孝px';

p1.innerHTML="";//这里是浮动层的具体岩乱稿HTML内容
document.body.appendChild(p);
document.body.appendChild(p1);
//上面就是出现的代码。-----------

//下面代码是关闭的
document.body.removeChild(document.getElementById('MyAlertBoxMasker'));
document.body.removeChild(document.getElementById('MyAlertBox'));

4. extjs中为什么数据没有处理完遮罩就消失了

遮罩的原理是这样的,余郑一般遮罩都是在请求后台的时候才用,而当此告请求后进入回调函数了,也就是你的数据返回到了森毁明前台,说明请求返回成功了,那么遮罩就消失了,至于你的数据通过extjs其他组件显示这个时间是不会遮罩的

5. extjs grid加载数据的数据的时候 如何将grid自带的遮罩层取得

loadmask:false 应该是可行的吧,你用的 ext 什么版本


如果实在不行,介绍个方法给你专

store.removeAll();
varrr=[]
for(vari=0;i<res.pageNum;i++){
if(countX<n1+i)break;
rr[i]=store2.getAt(n1+i-1)
}
store.add(rr)

store是grid的数据,而store2是我用属来寄存的,这是用来实现前台分页写的。
由于store2没有绑定到grid上,所以在读取store2时可以用自己的遮罩层

6. Extjs 在使用fadeOut动画效果之后,会留出一块深灰色的块,怎么去掉啊

试试用容器的 doLayout(); 方法刷新一下页面.

7. extjs4 弹出window后只遮罩其父容器

你配置panel1加一个配置项:maskDiabled:true //在该panel被设置为diabled时启用遮罩效果
然后在你想专panel1被遮罩时属调用panel1.setDisabled(true)

8. extjs的alert的蒙版效果的原理到底是什么啊有谁能从从js,css层面上解释一下他的实现原理吗 我用fireb

你说的是不是常见的那种 弹出一个半透明遮罩层,同时不能操作页面相关对象,只能操作在遮罩层以上的内容?

实际这个效果很简单,半透明遮罩层(是不是半透明无所谓)是实现了和文档document同宽同高,但是css的z-index属性要大于普通内容的一个空白div,这个div做了半透明效果,隔离了所有事件,你鼠标在网页上面的点击,移动,拽托等操作只作用于这个div,因此原网页的所有事件均失效.
在遮罩层上一般还会有一个可操作域(div2),这个同理,这个div2的z-index要大于遮罩层的z-index,从而他会在遮罩层以上,而能实现其操作.
以上是原理,那么实现起来要分一些几个步骤:
1,遮罩层(可以事先就进行半透明处理和document等宽等高处理,这个需要通过js编写)和可操作域(div2) 的display属性设置为none.处于隐藏状态.
2,当网页需要激活遮罩事件的时候,js将遮罩层和可操作域的display设置为block.处于显示状态,当在可操作域关闭事件触发的时候,同时将遮罩和可操作域隐藏.

需要注意的是,遮罩层最好是在body的根目录下,并position设置为绝对定位,这样布局比较方便

阅读全文

与extjs遮罩动画相关的资料

热点内容
pc桌面壁纸文件夹 浏览:473
微信怎么添加群 浏览:781
40岁男人适合的微信名 浏览:925
编程里比例怎么打 浏览:215
苹果12两个app如何分屏 浏览:592
ps下载完不是压缩文件 浏览:362
电脑中的个人文件包括什么 浏览:572
网络连接一般什么密码 浏览:199
java定时器quartz实例 浏览:259
稻壳excel文件太大怎么弄 浏览:901
文件里的视频如何保存到相册 浏览:428
手机百度云文件电脑 浏览:957
编程怎么做到时钟精准 浏览:912
锤子用过的壁纸在哪个文件里 浏览:468
qq网站安全性未知访问不了怎么办 浏览:270
燕秀怎么修改编程人名字 浏览:789
2012年天之眼导航升级 浏览:595
如何安装视频文件 浏览:315
红米2A升级miui9 浏览:927
如何在表格中加入一行数据库 浏览:421

友情链接