您的位置:首页 > Web前端 > JavaScript

解决ext对话框拖动时里头的控件会被蒙上,无法显示问题

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

Ext.override(Ext.Window.DD,{
startDrag : function(){
var w = this.win;
//改前:this.proxy = w.ghost(w.initialConfig.cls);
//改后: this.proxy = w.getEl();
if(w.constrain !== false){
var so = w.el.shadowOffset;
this.constrainTo(w.container, {right: so, left: so, bottom: so});
}else if(w.constrainHeader !== false){
var s = this.proxy.getSize();
this.constrainTo(w.container, {right: -(s.width-this.headerOffsets[0]), bottom: -(s.height-this.headerOffsets[1])});
}
}, endDrag : function(e){
//删除:this.win.unghost();
this.win.saveState();
}
});
 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ext function extjs
相关文章推荐