解决extjs中window拖动时控件透明的现象

今天extjs开发时,出现window拖动时出现透明的现象,网上找了很久终于找到了解决方法:
现引用如下:

该效果为ExtJS默认效果。 Ext的window之所以在拖拽的时候里头的控件会被蒙上,是因为window继承了标准的DD,在startDrag和endDrag函数当中加上了Ext.Fx的ghost方法的缘故。Ext.Fx是管理元素的动画效果的,ghost方法的作用是滑动淡出,详细看手册。只要把这两句话改掉就能实现window拖动无蒙板。在onReady函数前添加以下代码:


01.Ext.override(Ext.Window.DD,{   
02.  startDrag : function(){   
03.     var w = this.win;   
04.     this.proxy = w.getEl();   
05.     if(w.constrain !== false){   
06.         var so = w.el.shadowOffset;   
07.         this.constrainTo(w.container, {right: so, left: so, bottom: so});   
08.     }else if(w.constrainHeader !== false){   
09.        var s = this.proxy.getSize();   
10.         this.constrainTo(w.container, {right: -(s.width-this.headerOffsets[0]), bottom: -(s.height-this.headerOffsets[1])});   
11.     }   
12.   }, endDrag : function(e){   
13.     this.win.saveState();   
14.   }   
15.});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值