EXTJS初级UI设计进阶教程(2)
来源:互联网 发布:炉石卡组软件 编辑:程序博客网 时间:2024/04/27 21:48
了解Ext.Window
1、主要配置项:
closable:是否允许关闭窗口,默认为true。
closeAction:关闭窗口的动作,包括以下两种:
close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调用show方法。此为默认值。
hide:通过设置可见性隐藏窗口,窗口还可用,调用show方法后重新显示。
constrain:是否约束窗口只能在容器内移动,默认为false。窗口默认渲染到document.body。
constrainHeader:是否约束窗口头部只能在容器内移动,默认为false。
draggable:是否可拖曳,默认为true。
resizable:是否可改变窗口的大小,默认为true。
modal:是否为模式窗口,默认为false。
maximizable:是否可最大化窗口,默认为false。
maximized:是否在初始化时最大化显示窗口,默认为false。
x:窗口的X坐标值。
y:窗口的Y坐标值。
manager:WindowGroup的引用。
expandOnShow:是否在窗口显示时展开它,默认为true。 当取值为false时,collapsed取值为true时,窗口初始显示时收缩。
minimizable:是否可最小化窗口,默认为false。需要自定义最小化行为。
defaultButton:当窗口获得焦点时,默认获得焦点的按钮。
plain:主体背景是否透明,默认为false。
2、主要方法:
show( [String/Element animateTarget], [Function callback], [Object scope] ):显示窗口。
hide( [String/Element animateTarget], [Function callback], [Object scope] ):隐藏窗口。
center():窗口居中显示。
close():关闭窗口,相当于closeAction值为close的情形。
maximize():最大化窗口。
restore():还原窗口大小。
toggleMaximize():在最大化和还原之间切换。
minimize():最小化窗口。
setActive( Boolean active ):激活窗口。
focus():窗口获得焦点。
toBack():后置窗口。
toFront( [Boolean e] ):前置窗口。
resize( Ext.Window this, Number width, Number height ):改变大小。
3、Ext.WindowGroup的主要方法:
hideAll()
sendToBack( String/Object win )
bringToFront( String/Object win )
get( String/Object id )
getActive()
each( Function fn, [Object scope] )
getBy( Function fn, [Object scope] )
扩展代码:
Ext.Window的closeAction为'close'时
最开始设置Ext.Window的closeAction为'hide',每次关闭窗口后,下次加载的store还是原来的,于是每次又添加了store.reload();结果还是一样。
将Ext.Window的closeAction改为'close'后,报Ext.fly()为空或不是对象。
将Ext.Window的定义放到里面后就不报了,暂时做个记录如下:
Ext.WindowGroup代码块
- EXTJS初级UI设计进阶教程(2)
- EXTJS初级UI设计进阶教程(2)
- EXTJS初级UI设计进阶教程(3)
- EXTJS初级UI设计进阶教程(3)
- EXTJS初级UI设计进阶阶段
- ExtJs基础UI设计进阶教程(1)
- [第3讲]ExtJs基础UI设计进阶教程(1)
- extjs学习05——extjs的初级UI设计2
- extjs学习04——extjs的初级UI设计1
- extjs学习06——extjs的初级UI设计3(Window实例)
- extjs学习07——extjs的初级UI设计4(Window实例改进)
- android UI进阶教程
- android ui进阶教程
- android ui进阶教程
- 初级UI设计中的颜色渐变
- UI设计教程之UI学习方法(看,想,做)
- Extjs+Grails教程系列2(Extjs组件大致介绍)
- IOS UI TableVIew(初级)
- [Not Solved] [Unix Philosophy] [The Art of Unix Programming] 怎样理解 "X致力于提供一套'机制, 而不是策略'" 的设计理念
- 手机电影“死”还是“活”?
- C# Delegate(委托)与多线程
- PHP读取EXCEL
- oracle url encode decode
- EXTJS初级UI设计进阶教程(2)
- 第一篇
- Android 调用手机震动
- 软件系统与人体的比喻
- slab 分配器与缓存设计
- js 时间
- c语言模块化(转载)
- Android JNI机制与应用
- don't make mistake of online writting