Ext.Window及其相关组件

Ext.Window是一个专门的面板用于应用程序的窗口。默认情况下Windows是浮动的,可以调整大小,,可拖动。Windows可以被最大化,以填补视口,恢复到其事先大小,并可以被最小化。Window通常被关联到Ext.ManagerGroup或被Ext.WindowManager管理。激活前会备份其他组件的状态。
默认情况下,Windows将被渲染到document.body的。要限制一个窗口到另一个元素只要指定renderTo属性就可以。
与所有的容器都一样,重要的是设置窗口的大小,安排所有子组件,选择一个合适的布局结构等都跟其他容器相同。

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 ):改变大小。

Ext.WindowMgr的相关知识如下:
Ext.WindowMgr的最常用的方法是Ext.WindowMgr.getActive().close(),该方法对于大文件上传成功后关闭窗口是很有效的。

Ext.ManagerGroup的相关知识如下:
     该类的作用主要是控制zseed属性的。

-------------------------------------------------------------------------------------------------------------------------------

Class Ext.Window

包:Ext
所在文件:Window.js
Class:Window
继承自:Panel
一个被设计用作程序窗口的特殊panel。默认情况下,window是浮动和可拖拽的,并且提供特殊的行为,如最大化、恢复的能力(产生minimizing事件,因为最小化行为是和特定应用相关的)。 window也可以挂靠到 Ext.WindowGroup 或者被 Ext.WindowManager 来管理起来,以提供分组、激活、在最前/最后以及其它特定应用行为。 

配置属性

配置属性所在类
 allowDomMove : Boolean
在渲染的时候,组件是否能够移动DOM节点。(默认值为 true).
Component
 animateTarget : String/Element
id或者一个元素,作为窗口被打开时动画效果的起始点 (默认值为 null,没有动画效果)。
Window
 baseCls : String
应用到此面板中元素的基本CSS类(默认值为 'x-window')。
Window
 buttonAlign : String
所有添加到panel中的按钮的对齐方式。 合法的值有'right,' 'left' 和 'center' (默认值为 'right')。
Panel
 buttons : Array
Panel的按钮数组,从 buttons配置属性被创建。
该属性为只读。
Panel
 collapsed : Boolean
如果为true,将panel渲染成收缩的,否则渲染成展开的(默认值为 false)。
Panel
 collapsedCls : String
一个CSS类,在panel被收缩时添加到它的元素(默认值为 'x-panel-collapsed')。
Panel
 contentEl : String
一个已存在的HTML节点的id,它被当作panel的body元素内容来使用(默认值为 '')。
Panel
 defaultButton : String/Number/Button
一个按钮的id/idex,或者一个按钮实例,在当前窗口 获得焦点时将聚焦到此对象。
Window
 disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
Component
 disabledClass : String
当组件无效时的CSS样式(默认值为 "x-item-disabled").
Component
 headerAsText : Boolean
如果为true,将panel的title属性显示在header中, 否则隐藏它(默认值为 true)。
Panel
 height : Number
组件高度的像素值(默认值为 auto).
BoxComponent
 hidden : Boolean
将组件渲染成隐藏的(默认为false).
Component
 hideCollapseTool : Boolean
如果为true,当 collapsible = true时,隐藏收缩/展开按钮,否则显示它(默认值为 false).
Panel
 html : String/Object
一个HTML标签,或者一个 DomHelper ,这个对象被用作panel的body元素的内容(默认值为 '')。
Panel
 id : String
组件唯一的id(默认值为一个自动生成的id)。
Component
 manager : Ext.WindowGroup
一个到 WindowGroup的引用 ,它负责管理此窗口 (默认值为 Ext.WindowMgr) .
Window
 minButtonWidth : Number
panel中所有按钮最小宽度的像素值(默认值为 75像素)。
Panel
 minHeight : Number
当前窗口所允许的最小高度像素数 (默认值为 100)。 只有在resizable = true时有效。
Window
 minWidth : Number
当前窗口所允许的最小宽度像素值(默认值为 200)。 只有resizable = true时有效。
Window
 pageX : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的x坐标值(译者注:在有滚动条的情况下这个值很有用)。
BoxComponent
 pageY : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的y坐标值(译者注:在有滚动条的情况下这个值很有用)。
BoxComponent
 resizable : Boolean
设置为true将允许用户拖动每个边缘和角落来 重新设置窗口的大小, false将禁止调整大小 (默认值为 true)。
Window
 resizeHandles : String
一个合法的 Ext.Resizable 处理配置字符串(默认值为 'all')。 只有在resizable = true时有效。
Window
 width : Number
组件宽度的像素值(默认值为 auto)。
BoxComponent

公共属性

Property所在类
 buttons : Array
Panel的按钮数组,从 buttons配置属性被创建。
该属性为只读。
Panel
 disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
Component
 footer : Ext.Element
Panel底部 Element。只读属性。

该元素用来容纳Panel的 buttons

Panel
 header : Ext.Element
Panel顶部 Element。只读属性。

这个元素被用来存储 title tools

Panel
 hidden : Boolean
将组件渲染成隐藏的(默认为false).
Component
 initialConfig : Object
组件初始化注册说明。只读属性。
Component
 items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是 Ext.Component类的任意一个子类。

组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。

所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。
Container
 rendered : Boolean
当组件被渲染后该值为true。只读属性。
Component

公共方法

Method所在类

公共事件

Event所在类

配置属性

配置属性所在类
 allowDomMove : Boolean
在渲染的时候,组件是否能够移动DOM节点。(默认值为 true).
Component
 animateTarget : String/Element
id或者一个元素,作为窗口被打开时动画效果的起始点 (默认值为 null,没有动画效果)。
Window
 baseCls : String
应用到此面板中元素的基本CSS类(默认值为 'x-window')。
Window
 buttonAlign : String
所有添加到panel中的按钮的对齐方式。 合法的值有'right,' 'left' 和 'center' (默认值为 'right')。
Panel
 buttons : Array
Panel的按钮数组,从 buttons配置属性被创建。
该属性为只读。
Panel
 collapsed : Boolean
如果为true,将panel渲染成收缩的,否则渲染成展开的(默认值为 false)。
Panel
 collapsedCls : String
一个CSS类,在panel被收缩时添加到它的元素(默认值为 'x-panel-collapsed')。
Panel
 contentEl : String
一个已存在的HTML节点的id,它被当作panel的body元素内容来使用(默认值为 '')。
Panel
 defaultButton : String/Number/Button
一个按钮的id/idex,或者一个按钮实例,在当前窗口 获得焦点时将聚焦到此对象。
Window
 disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
Component
 disabledClass : String
当组件无效时的CSS样式(默认值为 "x-item-disabled").
Component
 headerAsText : Boolean
如果为true,将panel的title属性显示在header中, 否则隐藏它(默认值为 true)。
Panel
 height : Number
组件高度的像素值(默认值为 auto).
BoxComponent
 hidden : Boolean
将组件渲染成隐藏的(默认为false).
Component
 hideCollapseTool : Boolean
如果为true,当 collapsible = true时,隐藏收缩/展开按钮,否则显示它(默认值为 false).
Panel
 html : String/Object
一个HTML标签,或者一个 DomHelper ,这个对象被用作panel的body元素的内容(默认值为 '')。
Panel
 id : String
组件唯一的id(默认值为一个自动生成的id)。
Component
 manager : Ext.WindowGroup
一个到 WindowGroup的引用 ,它负责管理此窗口 (默认值为 Ext.WindowMgr) .
Window
 minButtonWidth : Number
panel中所有按钮最小宽度的像素值(默认值为 75像素)。
Panel
 minHeight : Number
当前窗口所允许的最小高度像素数 (默认值为 100)。 只有在resizable = true时有效。
Window
 minWidth : Number
当前窗口所允许的最小宽度像素值(默认值为 200)。 只有resizable = true时有效。
Window
 pageX : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的x坐标值(译者注:在有滚动条的情况下这个值很有用)。
BoxComponent
 pageY : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的y坐标值(译者注:在有滚动条的情况下这个值很有用)。
BoxComponent
 resizable : Boolean
设置为true将允许用户拖动每个边缘和角落来 重新设置窗口的大小, false将禁止调整大小 (默认值为 true)。
Window
 resizeHandles : String
一个合法的 Ext.Resizable 处理配置字符串(默认值为 'all')。 只有在resizable = true时有效。
Window
 width : Number
组件宽度的像素值(默认值为 auto)。
BoxComponent

公共属性

Property所在类
 buttons : Array
Panel的按钮数组,从 buttons配置属性被创建。
该属性为只读。
Panel
 disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
Component
 footer : Ext.Element
Panel底部 Element。只读属性。

该元素用来容纳Panel的 buttons

Panel
 header : Ext.Element
Panel顶部 Element。只读属性。

这个元素被用来存储 title tools

Panel
 hidden : Boolean
将组件渲染成隐藏的(默认为false).
Component
 initialConfig : Object
组件初始化注册说明。只读属性。
Component
 items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是 Ext.Component类的任意一个子类。

组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。

所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。
Container
 rendered : Boolean
当组件被渲染后该值为true。只读属性。
Component

公共方法

Method所在类

公共事件

Event所在类



Class Ext.WindowMgr

包:Ext
所在文件:WindowManager.js
Class:WindowMgr
继承自:WindowGroup
默认的全局窗口组,自动创建。如果需要不止一个窗口分组, 依据独立的z轴堆栈, 根据需要创建额外的 Ext.WindowGroup 对象。 as needed.
这是一个单例的类,不能直接实例化。

公共属性

Property所在类
 zseed : Number
窗口起始z-index(默认值为 9000)
WindowGroup

公共方法

Method所在类

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值