今天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();
}
});
分享到:
相关推荐
例如,Ext.Window是如何从Ext.Component继承,并添加了特有的窗口特性如可拖动、可弹出等。通过类图分析,开发者能更清晰地看到ExtJS的架构,从而更好地进行代码组织和复用。 在标签中提到了"查询手册",这通常指的...
- `Window`:模拟Windows窗口,可以拖动、最大化、最小化和关闭。 - `Menu`和`MenuItem`:创建上下文菜单或主菜单,模拟Windows的菜单系统。 - `Toolbar`:用于放置按钮、下拉列表等,类似Windows任务栏上的快捷...
EXTJS树控件是EXTJS库中的一个组件,用于创建具有层级关系的数据展示。在本文档中,我们将探讨如何利用EXTJS实现动态树,包括添加、编辑和拖拽功能,以及与后台数据的同步。 首先,EXTJS动态树的实现依赖于几个关键...
### ExtJS控件详解 #### 基本组件 **Ext.Button** - **描述**: 提供了一种标准的用户交互方式,...以上是ExtJS框架中常用的控件及其用途,通过合理运用这些控件,开发者可以构建功能丰富、交互流畅的Web应用界面。
- **Panel**: 是ExtJS中最常见的容器,可以容纳其他组件。 - 支持自定义标题、边框样式等。 2. **工具栏(Toolbar)**: - 用于放置按钮、文本框等控件,常用于页面顶部或底部。 3. **选项面板(TabPanel)**: - 实现...
Tree组件是ExtJS中用于展示层次结构数据的控件,例如文件系统目录。Tree支持节点的展开、折叠、添加、删除等操作,同时可以通过Ajax动态加载数据。 Grid组件用于显示大量的表格数据,支持排序、分页、过滤和编辑等...
在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,开发者可以方便地构建出各种复杂的用户界面而无需编写大量...
-一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...
-一个典型应用,在Window控件中打开新页面,如果传递的参数不正确,则首先提示参数不对然后关闭此弹出窗口。 -ExtAspNet.Alert.Show("参数错误!", String.Empty, ExtAspNet.ActiveWindow.GetCloseReference());...
- **Window**:Window 提供了弹出窗口的功能,可以添加自定义工具栏和控件,支持拖动、缩放等交互操作。 - **Tree**:Tree 组件可以从标记或者异步数据源创建树结构,支持节点的增删改查操作,常用于展示层级关系的...
它提供了许多常见的 UI 控件,如折叠面板(accordion)、下拉组合框(combobox)、菜单(menu)、对话框(dialog)、标签页(tabs)、验证框(validatebox)、数据网格(datagrid)、窗口(window)以及树形结构...
GridPanel 是 ExtJS(Ext.NET 的基础)中的一个重要组件,用于展示数据表格。在这个场景中,我们将深入探讨如何使用Ext.NET代码动态创建GridPanel,并在各种窗口中灵活展示。 1. **动态创建GridPanel**: 在Ext...
5.4.2. 向2.0的window里加表格 5.4.3. 1.x里的叫做BasicDialog 5.4.4. 把form放进对话框里 6. 奔腾吧!让不同的浏览器里显示一样的布局。 6.1. 有了它,我们就可以摆脱那些自称ui设计师的人了。 6.2. 关于...
尽管它的功能可能不如一些更为重量级的框架(如 ExtJS)全面,但它的轻量化和易用性使其成为中小型项目的理想选择,特别是对于那些希望快速构建界面的开发者来说。通过熟练掌握 jQuery EasyUI,开发者可以构建出既...
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. ...