`
mymobile
  • 浏览: 183296 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

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

该效果为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.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.saveState();
   }
});
分享到:
评论

相关推荐

    中文ExtJS2.0.CHM

    例如,Ext.Window是如何从Ext.Component继承,并添加了特有的窗口特性如可拖动、可弹出等。通过类图分析,开发者能更清晰地看到ExtJS的架构,从而更好地进行代码组织和复用。 在标签中提到了"查询手册",这通常指的...

    ExtJS--Windows.rar_extjs_extjs CSharp_extjs windows

    - `Window`:模拟Windows窗口,可以拖动、最大化、最小化和关闭。 - `Menu`和`MenuItem`:创建上下文菜单或主菜单,模拟Windows的菜单系统。 - `Toolbar`:用于放置按钮、下拉列表等,类似Windows任务栏上的快捷...

    extjs 树的开发文档

    EXTJS树控件是EXTJS库中的一个组件,用于创建具有层级关系的数据展示。在本文档中,我们将探讨如何利用EXTJS实现动态树,包括添加、编辑和拖拽功能,以及与后台数据的同步。 首先,EXTJS动态树的实现依赖于几个关键...

    extjs控件列表

    ### ExtJS控件详解 #### 基本组件 **Ext.Button** - **描述**: 提供了一种标准的用户交互方式,...以上是ExtJS框架中常用的控件及其用途,通过合理运用这些控件,开发者可以构建功能丰富、交互流畅的Web应用界面。

    extjs的快速入门教程

    - **Panel**: 是ExtJS中最常见的容器,可以容纳其他组件。 - 支持自定义标题、边框样式等。 2. **工具栏(Toolbar)**: - 用于放置按钮、文本框等控件,常用于页面顶部或底部。 3. **选项面板(TabPanel)**: - 实现...

    extjs学习案例, 例子有 panel ,widow,tree,grid,form, store……

    Tree组件是ExtJS中用于展示层次结构数据的控件,例如文件系统目录。Tree支持节点的展开、折叠、添加、删除等操作,同时可以通过Ajax动态加载数据。 Grid组件用于显示大量的表格数据,支持排序、分页、过滤和编辑等...

    Extjs xtype集合

    在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,开发者可以方便地构建出各种复杂的用户界面而无需编写大量...

    ExtAspNet_v2.3.2_dll

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...

    jQuery EasyUI 开源插件套装 完全替代ExtJS

    - **Window**:Window 提供了弹出窗口的功能,可以添加自定义工具栏和控件,支持拖动、缩放等交互操作。 - **Tree**:Tree 组件可以从标记或者异步数据源创建树结构,支持节点的增删改查操作,常用于展示层级关系的...

    jQueryEasyUI介绍.pdf

    它提供了许多常见的 UI 控件,如折叠面板(accordion)、下拉组合框(combobox)、菜单(menu)、对话框(dialog)、标签页(tabs)、验证框(validatebox)、数据网格(datagrid)、窗口(window)以及树形结构...

    ext.net 动态创建gridpanel

    GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...

    EXT2.0中文教程

    5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 6.1. 有了它,我们就可以摆脱那些自称ui设计师的人了。 6.2. 关于...

    jQueryEasyUI介绍.docx

    尽管它的功能可能不如一些更为重量级的框架(如 ExtJS)全面,但它的轻量化和易用性使其成为中小型项目的理想选择,特别是对于那些希望快速构建界面的开发者来说。通过熟练掌握 jQuery EasyUI,开发者可以构建出既...

    Ext 开发指南 学习资料

    Ext.Window中的closeAction A.13. 使用同步ajax B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 C.4. ext开发计划 D. ...

Global site tag (gtag.js) - Google Analytics