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 |
配置属性
配置属性 | 所在类 | |
---|---|---|
activeItem : String/Number
一个组件的id字符串或者数字序号, 它将在容器的布局渲染时在其中被初始化并被设置为当前活动项...
一个组件的id字符串或者数字序号, 它将在容器的布局渲染时在其中被初始化并被设置为当前活动项。例如:activeItem: 'item-1' 或 activeItem: 0 ( 序号 0 =容器子元素集合中的第一个元素)。 activeItem只能应用到一次只显示一个元素的布局中(如
Ext.layout.Accordion,
Ext.layout.CardLayout 和
Ext.layout.FitLayout)。相关布局:
Ext.layout.ContainerLayout.activeItem。
| Container | |
allowDomMove : Boolean
在渲染的时候,组件是否能够移动DOM节点。(默认值为 true).
| Component | |
animCollapse : Boolean
如果为true,当panel在折叠的时候具有动画过度效果;否则跳过动画效果...
如果为true,当panel在折叠的时候具有动画过度效果;否则跳过动画效果。(译者注:指没有动画过渡)(如果
Ext.Fx 类可用,默认值为true,否则默认为false)。
| Panel | |
animateTarget : String/Element
id或者一个元素,作为窗口被打开时动画效果的起始点 (默认值为 null,没有动画效果)。
| Window | |
applyTo : Mixed
可以为节点id、一个DOM节点、或者一个在document中已存在的、已装配到DIV的Element,这个Element指定了一些panel特有的结构标签...
可以为节点id、一个DOM节点、或者一个在document中已存在的、已装配到DIV的Element,这个Element指定了一些panel特有的结构标签。 在使用applyTo的时候,panel中被托管的部分可以被主元素中CSS对应class部分渲染,并且panel会自动使用这些指定的标签来创建组件。 任何标签中没有指定的,但是(在渲染时)必须的组件都会被自动创建。 支持如下的class名称: (baseCls 将会被
baseCls替代):
| Component | |
autoDestroy : Boolean
如果为true,当容器包含的组件从容器中移除时,容器将会自动销毁这些组件。否则...
如果为true,当容器包含的组件从容器中移除时,容器将会自动销毁这些组件;否则必须手动处理销毁动作(默认值为 true)。
| Container | |
autoHeight : Boolean
如果为true,使height配置项为'auto',否则使用固定的高度...
如果为true,使height配置项为'auto',否则使用固定的高度。 注意:虽然很多组件继承了这个配置选项,但不是所有这些组件的自动高度配置都会像期望的那样 起作用(默认值为 false)。
| BoxComponent | |
autoLoad : Object/String/Function
按照Updater类中
Ext.Updater.update 方法指定的合法的url...
按照Updater类中
Ext.Updater.update 方法指定的合法的url。 如果autoLoad配置项不为null,panel将会在渲染时尝试立即加载所有的组件。
| Panel | |
autoScroll : Boolean
如果为true,将会在panel的body元素上使用overflow:'auto'配置,并且在...
如果为true,将会在panel的body元素上使用overflow:'auto'配置,并且在 必要的时候自动显示滚动条,否则 ,溢出部分的组件都会被切除(默认值为 false)。
| Panel | |
autoShow : Boolean
如果为true,组件将会检测隐藏的样式...
如果为true,组件将会检测隐藏的样式(例如:'x-hidden'或'x-hide-display'),并且在渲染的时候将它们移除(默认值为 false)。
| Component | |
baseCls : String
应用到此面板中元素的基本CSS类(默认值为 'x-window')。
| Window | |
bbar : Object/Array
panel底部的工具栏。 可以是
Ext.Toolbar 对象...
panel底部的工具栏。 可以是
Ext.Toolbar 对象。 这里可以是能够添加到toolbar的一个toolbar配置,或者一个buttons/button数组配置。 注意:在渲染完成之后,这个属性不再有效。 在渲染之后访问bottom toolbar,请使用
getBottomToolbar方法。
| Panel | |
bodyBorder : Boolean
如果为true,在panel的body元素内部显示一个边框,否则隐藏边框(默认值为 true)...
如果为true,在panel的body元素内部显示一个边框,否则隐藏边框(默认值为 true)。 只有在
border == true时该配置才起作用。 如果border == true 并且 bodyBorder == false, 边框将会被显示为一个1像素的插入边框, 给整个的body元素一种插入式的外观。
| Panel | |
bodyStyle : String/Object/Function
为body元素自定义的CSS样式 ,格式为
Ext.Element.applyStyles类...
为body元素自定义的CSS样式 ,格式为
Ext.Element.applyStyles类指定的格式(默认值为 null)。
| Panel | |
border : Boolean
如果为true,在panel的body元素上显示边框, 否则隐藏边框(默认值为 true)。 默认情况下,边框是2个像素的内部边框...
如果为true,在panel的body元素上显示边框, 否则隐藏边框(默认值为 true)。 默认情况下,边框是2个像素的内部边框, 但是,可以在以后通过设置
bodyBorder 这个属性为false来改变。
| Panel | |
bufferResize : Boolean/Number
当设置为true时(值为100毫秒)或者直接设置一个毫秒数, 为这个容器指定的布局会缓存它计算出来的周期,并周期性对它所有的...
当设置为true时(值为100毫秒)或者直接设置一个毫秒数, 为这个容器指定的布局会缓存它计算出来的周期,并周期性对容器中所有的组件进行重新布局。对于重量级的或者拥有大量的子组件的容器来说,这个参数非常有用,因为频繁地对这些容器重新布局将会消耗很多资源。
| Container | |
buttonAlign : String
所有添加到panel中的按钮的对齐方式。 合法的值有'right,' 'left' 和 'center' (默认值为 'right')。
| Panel | |
buttons : Array
Panel的按钮数组,从
buttons配置属性被创建。
该属性为只读。 | Panel | |
closable : Boolean
设置为true将显示'close'工具按钮,并允许用户关闭窗体, false将隐藏此按钮,并不准关闭窗口(默认为true)。
设置为true将显示'close'工具按钮,并允许用户关闭窗体, false将隐藏此按钮,并不准关闭窗口(默认为true)。 默认情况下,可以通过点击窗口上的关闭按钮,或者当窗口获得焦点时按ESC键来请求关闭窗体, 然后 close 方法将被调用。此方法将销毁窗体,包括其中的内容,这意味着此窗体是不可复用的。 为了在关闭一个窗口时隐藏它,这样可以重复使用之,设置 closeAction 为'hide'。 | Window | |
closeAction : String
当关闭按钮被点击时执行的操作。 默认的操作是'close',这将把窗口从DOM中移除...
当关闭按钮被点击时执行的操作。 默认的操作是'close',这将把窗口从DOM中移除并摧毁它。 另一个合法的选项是'hide',这将简单地隐藏窗口,通过 设置它的visibility为hidden,并且设置一个负数偏移量。 通过
show 方法可以让窗口重新显示。
| Window | |
cls : String
一个可选的外部CSS样式, 添加到这个组件的元素(默认值为 '')。 该配置项对于使用标准的...
一个可选的外部CSS样式,添加到这个组件的元素(默认值为 '')。 该配置项对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的样式非常有用。
| Component | |
collapseFirst : Boolean
如果为真,张开/收缩按钮总是渲染在所有panel标题栏按钮的左侧,否则...
如果为真,张开/收缩按钮总是渲染在所有panel标题栏按钮的左侧,否则,选择在最后(默认值为 true)。
译者注:我在IE8和FireFox3.0.11下测试这个属性,发现没有效果,无论是true还是false,这个伸缩按钮都是在右边的。 | Panel | |
collapsed : Boolean
如果为true,将panel渲染成收缩的,否则渲染成展开的(默认值为 false)。
| Panel | |
collapsedCls : String
一个CSS类,在panel被收缩时添加到它的元素(默认值为 'x-panel-collapsed')。
| Panel | |
collapsible : Boolean
如果为true,panel是可收缩的,并且有一个收起/展开按钮自动被渲染到它的头部工具...
如果为true,panel是可收缩的,并且有一个收起/展开按钮自动被渲染到它的头部工具区域, 否则panel的大小是固定的,没有按钮(默认值为 false)。
| Panel | |
constrain : Boolean
设置为true,将窗口约束到视图区,false将 允许其落到视图区之外(默认值为 false)...
设置为true,将窗口约束到视图区,false将 允许其落到视图区之外(默认值为 false)。 可选地,如果仅仅需要约束窗体头部,使用
constrainHeader 配置项。
| Window | |
constrainHeader : Boolean
设置为true将把窗体的头部约束到视图区, 允许窗口的body部分落到视图区之外...
设置为true将把窗体的头部约束到视图区, 允许窗口的body部分落到视图区之外, false将允许窗口头部落到视图区之外 (默认值为 false)。 可以选择约束这个窗体,使用
constrain 。
| Window | |
contentEl : String
一个已存在的HTML节点的id,它被当作panel的body元素内容来使用(默认值为 '')。
| Panel | |
ctCls : String
一个可选的外部CSS样式,添加到这个组件的容器(默认值为 '')。 这个方法对于使用标准的CSS规则...
一个可选的外部CSS样式,添加到这个组件的容器(默认值为 '')。 这个方法对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的样式非常有用。
| Component | |
defaultButton : String/Number/Button
一个按钮的id/idex,或者一个按钮实例,在当前窗口 获得焦点时将聚焦到此对象。
| Window | |
defaultType : String
当添加到容器的子组件是纯粹的配置对象(译者注:指一个立即Json对象),而不是实例化...
当添加到容器的子组件是纯粹的配置对象(译者注:指一个立即Json对象),而不是实例化一个组件时, 创建该子组件时默认的 xtype。 这个值默认值为 'panel',但是对于Ext.form.FormPanel 和 Ext.form.FieldSet来说默认值是 'textfield'。 | Container | |
defaults : Object | Container | |
disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
| Component | |
disabledClass : String
当组件无效时的CSS样式(默认值为 "x-item-disabled").
| Component | |
draggable : Boolean
设置为true,将允许按住顶部工具条拖动窗口, false将禁用拖拽(默认值为 true)。 注意:默认情况下...
设置为true,将允许按住顶部工具条拖动窗口, false将禁用拖拽(默认值为 true)。 注意:默认情况下,窗口是被放置在视图区正中间的, 所以,如果禁用拖拽,在窗体渲染之后就需要通过程序来 设置窗口位置(例如: myWindow.setPosition(100, 100);).
| Window | |
elements : String
当窗口被渲染时,需要初始化的面板元素:一个以逗号分隔的 面板元素列表...
当窗口被渲染时,需要初始化的面板元素:一个以逗号分隔的 面板元素列表。 一般情况下,此列表会根据配置时添加到窗口的项目 自动生成。但是,有时候,此项可能非常有用, 比如用来确定一个结构化的元素是否已经被渲染, 即使在配置时没有指定它 (例如,你可能想要在窗口渲染之后动态地添加一个按钮或者工具条)。 将那些元素添加到此列表可以在窗口被渲染时分配必须的占位符。 合法的值有
| Window | |
expandOnShow : Boolean
设置为true,在窗口显示时总是以展开的状态出现, ...
设置为true,在窗口显示时总是以展开的状态出现, false将在显示时保持其当前的状态(可能是折叠的)。 (默认值为 true).
| Window | |
footer : Ext.Element | Panel | |
header : Ext.Element | Panel | |
headerAsText : Boolean
如果为true,将panel的title属性显示在header中, 否则隐藏它(默认值为 true)。
| Panel | |
height : Number
组件高度的像素值(默认值为 auto).
| BoxComponent | |
将组件渲染成隐藏的(默认为false).
| hidden : Boolean
Component | |
hideBorders : Boolean
如果为true,隐藏包含的每个组件的边框, 否则服从组件已存在的border设置...
如果为true,隐藏包含的每个组件的边框, 否则服从组件已存在的border设置 (默认值为 false).
| Container | |
hideCollapseTool : Boolean
如果为true,当
collapsible = true时,隐藏收缩/展开按钮,否则显示它(默认值为 false).
| Panel | |
hideMode : String
组件如何隐藏,支持的值有: "visibility" (css visibility), "offsets" (负值位置) 和 "display" (css display) - 默认值为 "display"。
组件如何隐藏,支持的值有: "visibility" (css visibility), "offsets" (负值位置) 和 "display" (css display) - 默认值为 "display"。
| Component | |
hideParent : Boolean
如果为true,当在组件上调用hide/show方法时,同时hide/show组件的容器,否则仅仅hide/show组件自己(默认值为 false)...
如果为true,当在组件上调用hide/show方法时, 同时hide/show组件的容器, 否则仅仅hide/show组件自己(默认值为 false)。 例如,此配置项可以用作window中“隐藏”功能按钮的快捷方式 hide:true。 (译者注:因为按钮的hide为true,按钮自己是隐藏的, 然后hideParent为true将同时隐藏包含按钮的容器,把这样一个 按钮添加到一个window中,window就被隐藏了。晕,应该没人会这么用吧。 )
| Component | |
html : String/Object
一个HTML标签,或者一个
DomHelper ,这个对象被用作panel的body元素的内容(默认值为 '')。
| Panel | |
iconCls : String
一个CSS,由它提供一个被用作header图标的背景图片(默认值为 '')...
一个CSS,由它提供一个被用作header图标的背景图片(默认值为 '')。一个定制图标的例子就像:.my-icon { background: url(../images/my-icon.gif) 0 6px no-repeat !important;}
| Panel | |
id : String
组件唯一的id(默认值为一个自动生成的id)。
| Component | |
items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是
Ext.Component类的任意一个子类。
组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。 所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。 | Container | |
keys : Object/Array
一个按键映射对象(由
Ext.KeyMap.addBinding规定格式 ...
一个按键映射对象(由
Ext.KeyMap.addBinding规定格式用来为panel指定定制的按键处理(默认值为 null)。
| Panel | |
layout : String
容器使用的布局类型。 如果没有指定, 默认创建并使用...
容器使用的布局类型。 如果没有指定, 默认创建并使用
Ext.layout.ContainerLayout 布局。 合法的值有: absolute, accordion, anchor, border, card, column, fit, form and table。 特殊的布局注册值也可以用
layoutConfig 来指定。
| Container | |
layoutConfig: Object | Container | |
listeners : Object
一个包含一个或多个事件处理器的配置对象,在初始化的时候被添加到对象。 这个对象应该是一个合法的监听器配置对...
一个包含一个或多个事件处理器的注册类,在初始化的时候被添加到对象。 这个对象应该是一个合法的监听器配置对象,就像
addListener 例子中指定的那样, 这样可以一次添加多个处理器。
| Observable | |
manager : Ext.WindowGroup
一个到 WindowGroup的引用 ,它负责管理此窗口 (默认值为
Ext.WindowMgr) .
| Window | |
maskDisabled : Boolean
如果为true,在panel被设置成disabled的时候为它加上遮罩(译者注:指灰化效果),否则不添加遮罩(默认值为 true)...
如果为true,在panel被设置成disabled的时候为它加上遮罩(译者注:指灰化效果),否则不添加遮罩(默认值为 true)。另外,当panel无效时,它总是告诉它所包含的元素将自己设置成无效,但是给panel添加遮罩可以提供额外的视觉提示:panel是无效的。
| Panel | |
maximizable : Boolean
设置为true将显示'最大化'工具按钮,并允许用户 最大化窗口,false将隐藏按钮并不允许用户...
设置为true将显示'最大化'工具按钮,并允许用户 最大化窗口,false将隐藏按钮并不允许用户 最大化窗口(默认值为 false)。 注意:当窗口被最大化之后,工具按钮将自动变成 一个'恢复'按钮,并且有内置的适当行为支持,此按钮 可以将窗口恢复到其原来的大小。
| Window | |
minButtonWidth : Number
panel中所有按钮最小宽度的像素值(默认值为 75像素)。
| Panel | |
minHeight : Number
当前窗口所允许的最小高度像素数 (默认值为 100)。 只有在resizable = true时有效。
| Window | |
minWidth : Number
当前窗口所允许的最小宽度像素值(默认值为 200)。 只有resizable = true时有效。
| Window | |
minimizable : Boolean
设置为true将显示一个'最小化'工具按钮,并允许 用户最小化窗口;false将隐藏此按钮并禁止最小化窗口...
设置为true将显示一个'最小化'工具按钮,并允许 用户最小化窗口;false将隐藏此按钮并禁止最小化窗口 (默认值为 false)。 注意:此按钮没有提供实现 --- 最小化一个窗口的行为是与具体实现相关的, 所以必须处理最小化事件,并且一个定制的最小化 行为实现是对于此配置项是可用的。
| Window | |
modal : Boolean
设置为true将使窗口成为模态的,并在显示时将其后面的 所有东西罩在一个遮罩中...
设置为true将使窗口成为模态的,并在显示时将其后面的 所有东西罩在一个遮罩中,false将在显示窗口时不限制对 其它UI元素的访问 (默认值为 false).
| Window | |
onEsc : Function
允许覆盖对escape键的内置处理。 默认的操作是关闭窗口...
允许覆盖对escape键的内置处理。 默认的操作是关闭窗口 ( 执行何种操作是在
closeAction 中指定的。 如果需要在按下escape键时阻止关闭窗口,将 此项指定为一个Ext.emptyFn (参见
Ext.emptyFn)。
| Window | |
overCls : String
一个可选的CSS样式,当鼠标滑过时它被设置到组件的元素,并且在鼠标移出时被删除(默认值为 '')...
一个可选的CSS样式,当鼠标滑过时它被设置到组件的元素,并且在鼠标移出时被删除(默认值为 '')。 这个方法对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的"active" 或 "hover" 样式非常有用。
| Component | |
pageX : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的x坐标值(译者注:在有滚动条的情况下这个值很有用)。
| BoxComponent | |
pageY : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的y坐标值(译者注:在有滚动条的情况下这个值很有用)。
| BoxComponent | |
plain : Boolean
设置为true将把窗体的body区域用一个透明背景来渲染, 这样它将被融合进框架元素...
设置为true将把窗体的body区域用一个透明背景来渲染, 这样它将被融合进框架元素; false 将添加一个更亮的背景色, 在视觉上高亮显示body元素,并且将它从周围的 框架中明显地区别开来 (默认值为 false)。
| Window | |
plugins : Object/Array
一个对象或者一个对象数组,为组件提供特殊的功能...
一个对象或者一个对象数组,为组件提供特殊的功能。 对一个合法的插件唯一的要求是它含有一个init()方法,能接收一个Ext.Component型的参数。 当组件被创建时,如果有可用的插件,组件将会调用每个插件的init方法,并将自身的引用作为方法参数传递给它。然后,每个插件就可以调用方法或者响应组件上的事件,就像需要的那样提供自己的功能。
| Component | |
renderTo : Mixed
该值可以是一个节点的id、一个DOM节点或者一个已存在的元素, 组件将会被渲染到其中...
该值可以是一个节点的id、一个DOM节点或者一个已存在的元素, 组件将会被渲染到其中。 使用renderTo这个配置项时,就没有必要再调用render()方法。
| Component | |
resizable : Boolean
设置为true将允许用户拖动每个边缘和角落来 重新设置窗口的大小, false将禁止调整大小 (默认值为 true)。
| Window | |
resizeHandles : String
一个合法的
Ext.Resizable 处理配置字符串(默认值为 'all')。 只有在resizable = true时有效。
| Window | |
shadow : Boolean/String
该值可以为true (或者一个合法的 Ext.Shadow
Ext.Shadow.mode 值)。注意...
该值可以为true (或者一个合法的 Ext.Shadow
Ext.Shadow.mode 值)。注意,该选项只有在floating = true时才起作用。
| Panel | |
shadowOffset : Number
当显示阴影时,阴影偏移量像素值(默认值为 4像素)。注意...
当显示阴影时,阴影偏移量像素值(默认值为 4像素)。注意,该选项只有在floating = true时才起作用。
| Panel | |
shim : Boolean
如果为false,浏览器中显示iframe时需要的垫片效果将无效(默认值为 true)。注意...
如果为false,浏览器中显示iframe时需要的垫片效果将无效(默认值为 true)。注意,该选项只有在floating = true时才起作用。
| Panel | |
stateEvents : Array
一个事件数组,当它们被触发时,组件需要保存自己的状态(默认值为 none)。 它们可以是任何该组件支持的事件类型,包括浏览器事件和...
一个事件数组,当它们被触发时,组件需要保存自己的状态(默认值为 none)。 它们可以是任何该组件支持的事件类型,包括浏览器事件和 自定义事件(例如 ['click', 'customerchange'])。
对于保存和恢复组件状态的详细解释,参见 stateful | Component | |
stateId : String
为该组件指定的唯一的id值,它被用作组件状态管理。(默认值为 组件自己的 id)...
为该组件指定的唯一的id值,它被用作组件状态管理。(默认值为 组件自己的 id)。
对于保存和恢复组件状态的详细解释,参见stateful | Component | |
stateful : Boolean
一个标志位,它将导致组件在启动时试图从保存的状态中恢复其内部属性的原有状态。 为了使保存状态能够起作用...
一个标志位,它将导致组件在启动时试图从保存的状态中恢复其内部属性的原有状态。 为了使保存状态能够起作用,状态管理器的提供者必须已经被设置成
Ext.state.Provider 接口的一个实现类,它覆盖了
set 和
get 方法 来保存和恢复键/值对(name/value pairs)。 一个内置的实现
Ext.state.CookieProvider是可用的
为当前页面设置状态提供者:
当在stateEvents注册的事件列表中的一个事件被触发时,组件将尝试保存自己的当前状态信息。 在保存/恢复状态的过程中,你可以通过向beforestaterestore, staterestore, beforestatesave 和 statesave 事件添加处理器,来提供额外的处理。 | Component | |
style : String
被添加到组件元素的特定样式。 必须是按照...
被添加到组件元素的特定样式。 必须是按照
Ext.Element.applyStyles类指定格式的 合法参数值。
| Component | |
tabTip : String
当鼠标滑过作为 Ext.TabPanel组件的Ext.Panel时, 添加一个tooltip。 为了tips能够被渲染...
当鼠标滑过作为 Ext.TabPanel组件的Ext.Panel时, 添加一个tooltip。 为了tips能够被渲染 Ext.QuickTips.init() 必须被提前调用。
| Panel | |
tbar : Object/Array
panel顶部工具条。 可以是
Ext.Toolbar 对象、 一个可以...
panel顶部工具条。 可以是
Ext.Toolbar 对象、 一个可以添加到toolbar的toolbar配置属性(译者注:指立即Json字符串),或者 一个buttons/button注册数组。 注意:在渲染后该项不是一个有效的属性值。 需要在渲染之后访问top工具条,请使用
getTopToolbar方法。
| Panel | |
title : String
panel头部显示的标题文字(默认值为 '')。 当指定了titile值时,header元素将会自动被创建并显示...
panel头部显示的标题文字(默认值为 '')。 当指定了titile值时,header元素将会自动被创建并显示 ,除非
header 属性被指定为false. 如果你不想在注册时指定一个title,但是在以后你可能又需要一个标题,你必须要么指定一个非空的标题(可以是一个空字符' ')要么设置header:true,这样容器元素才会被创建。
译者注:请特别注意这段提示,如果开始你不想给panel一个标题,最好把标题设置成空字符,以免以后在调用setTitle()方法时发生异常(因为不指定title,而且也不指定header:true时,容纳标题文字的容器元素不会被创建,所以此时调用setTitle()会发生“元素不存在”的异常)。 | Panel | |
titleCollapse : Boolean
如果为true,当点击顶部工具栏上的任何位置时允许panel收缩/展开(当
collapsible = true), 如果为...
如果为true,当点击顶部工具栏上的任何位置时允许panel收缩/展开(当
collapsible = true), 如果为false,只有在点击工具按钮时才会收缩/展开(默认值为 false)。
| Panel | |
tools : Array
工具按钮注册数组,它将被添加到顶部工具区域。 当渲染完成后...
工具按钮注册数组,它将被添加到顶部工具区域。 当渲染完成后, 每个工具按钮都被作为一个
Element类型的引用, 被存储到一个叫做
tools.<tool-type>的公共属性中。
每个tool的配置属性都可以包含如下属性:
注意,除了toggle工具提供了panel的收缩/展开功能之外,这些工具按钮只有视觉效果。(译者注:指除了收缩/张开按钮提供了默认的功能实现外,其它的按钮都没有提供默认的实现。)任何需要的功能都必须通过添加处理器来实现必要的功能。
| Panel | |
width : Number
组件宽度的像素值(默认值为 auto)。
| BoxComponent | |
x : Number
The X position of the left edge of the Window on initial showing. Defaults to centering the Window within the width o...
The X position of the left edge of the Window on initial showing. Defaults to centering the Window within the width of the Window's container {@link Ext.Element Element) (The Element that the Window is rendered to).
| Window | |
xtype : String
已注册的xtype类型。 当把一个配置对象对象传递给构造方法来产生实例时,这个注册选项不被使用...
已注册的xtype类型。 当把一个配置对象传递给构造方法来产生实例时,这个注册选项不被使用只有在“懒加载”被使用的时候这个选项才被使用,并且容器的子元素不是用一个完整的实例组件指定的,而是作为一个
Component config object。xtype将会在渲染时被查找出来用以决定创建何种类型的子组件。
预定义好的xtypes列表在: 这里。 如果你继承Component,创建你自己的组件,你可用通过 Ext.ComponentMgr.registerType方法来为它们注册xtype,这样就可以改善它们的懒加载和渲染性能。 | Component | |
y : Number
在初始化显示时窗口顶部边缘的Y位置。 默认将窗口显示在其容器 {@link Ext.Element Element)(窗口所渲染到的元素) 高度的正中间。
在初始化显示时窗口顶部边缘的Y位置。 默认将窗口显示在其容器 {@link Ext.Element Element)(窗口所渲染到的元素) 高度的正中间。
| Window |
公共属性
Property | 所在类 | |
---|---|---|
body : Ext.Element | Panel | |
buttons : Array
Panel的按钮数组,从
buttons配置属性被创建。
该属性为只读。 | Panel | |
dd : Ext.dd.DD | Window | |
disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
| Component | |
footer : Ext.Element | Panel | |
header : Ext.Element | Panel | |
将组件渲染成隐藏的(默认为false).
| hidden : Boolean
Component | |
initialConfig : Object
组件初始化注册说明。只读属性。
| Component | |
items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是
Ext.Component类的任意一个子类。
组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。 所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。 | Container | |
ownerCt : Ext.Container
组件所属的
Ext.Container (默认值为 undefined...
组件所属的
Ext.Container (默认值为 undefined, 并且在把组件添加到一个容器中时该值被自动设置)。只读属性。
| Component | |
rendered : Boolean
当组件被渲染后该值为true。只读属性。
| Component |
公共方法
Method | 所在类 | |
---|---|---|
Window( Object config )
参数:
| Window | |
add( Ext.Component/Object component ) : Ext.Component
向容器中添加一个
Component。在添加之前触发...
向容器中添加一个Component。在添加之前触发beforeadd 事件,然后在添加完成之后触发add事件。 当使用一个容器时,你永远不需要调用render()方法。当容器被渲染完成后,子组件会被容器的 layout管理器渲染, 某些布局管理器允许动态添加子组件。能够做到(译者注:指可以动态添加子组件的布局)的有 Ext.layout.CardLayout,Ext.layout.AnchorLayout,Ext.layout.FormLayout,Ext.layout.TableLayout. 当调用add方法时如果容器已经被渲染完成,你可能需要调用doLayout方法来刷新试图,它将使所有尚未渲染的子组件进行渲染。这一点是必须的,这样在需要时,你就可以一次添加多个子组件而只刷新一次layout。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略layout配置属性意味着一个基本的布局管理器将被使用,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
参数:
| Container | |
addButton( String/Object config ,Function handler , Object scope ) : Ext.Button
向panel中添加一个按钮。 注意:这个方法必须在进行渲染之前被调用...
向panel中添加一个按钮。 注意:这个方法必须在进行渲染之前被调用。添加按钮的首选途径是通过
buttons 配置属性进行。
参数:
| Panel | |
addClass( string cls ) : void
为组件底层的元素添加CSS样式。
为组件底层的元素添加CSS样式。
参数:
| Component | |
addEvents( Object object ) : void
用来为可视元素定义事件
用来为可视元素定义事件
参数:
| Observable | |
addListener( String eventName ,Function handler , [Object scope ],[Object options ] ) : void
为组件添加事件处理器
为组件添加事件处理器
参数:
| Observable | |
alignTo( Mixed element ,String position , [Array offsets ] ) : Ext.Window
将窗口对齐到指定的元素
将窗口对齐到指定的元素
参数:
| Window | |
anchorTo( Mixed element ,String position , [Array offsets ],[Boolean/Number monitorScroll ] ) : Ext.Window
将当前窗口锚定到另一个元素,当窗口被调整大小或者滚动时重新对齐。
将当前窗口锚定到另一个元素,当窗口被调整大小或者滚动时重新对齐。
参数:
| Window | |
applyToMarkup( String/HTMLElement el ) : void
将此组件添加到已存在的合法标签中。 使用该方法时,无需再调用render()方法。
将此组件添加到已存在的合法标签中。 使用该方法时,无需再调用render()方法。
参数:
| Component | |
bubble( Function fn ,[Object scope ], [Array args ] ) : void
沿着继承树向上起泡, 对继承树中的每个组件调用指定的方法...
沿着继承树向上起泡, 对继承树中的每个组件调用指定的方法, 调用方法时的(
this)作用域为指定的scope或者为当前组件。 传递给方法的参数为传递进来args或者当前组件。 在起泡的任意一个节点上,如果function返回false,即停止起泡。
参数:
| Container | |
cascade( Function fn ,[Object scope ], [Array args ] ) : void
沿着继承树向下回溯, 对继承树中的每个组件调用指定的方法...
沿着继承树向下回溯, 对继承树中的每个组件调用指定的方法, 调用方法时的(
this)作用域为指定的scope或者为当前组件。 传递给方法的参数为传递进来args或者当前组件。 在起泡的任意一个节点上,如果function返回false,即停止在那个分支上。
参数:
| Container | |
center() : Ext.Window
将窗口设置到视图区的正中间
将窗口设置到视图区的正中间
参数:
| Window | |
cloneConfig( Object overrides ) : Ext.Component
克隆当前组件,默认情况下,使用传递到该组件的原始配置值。
克隆当前组件,默认情况下,使用传递到该组件的原始配置值。
参数:
| Component | |
close() : void
关闭窗口,从DOM中删除它,并销毁窗口对象。 在关闭之前触发beforeclose事件,如果事件处理器返回...
关闭窗口,从DOM中删除它,并销毁窗口对象。 在关闭之前触发beforeclose事件,如果事件处理器返回false则取消关闭操作。
参数:
| Window | |
collapse( Boolean animate ) : Ext.Panel
收起panel的body部分使它变成隐藏的。 触发
beforecollapse 事件...
收起panel的body部分使它变成隐藏的。 触发
beforecollapse 事件,如果事件返回false则取消收起动作。
参数:
| Panel | |
destroy() : void
通过如下方法,尝试摧毁任何传递进来的对象:删除所有的事件监听器、将组件的元素从DOM树中删除(如果可以)、 将组件从它的...
通过如下方法,尝试摧毁任何传递进来的对象:删除所有的事件监听器、将组件的元素从DOM树中删除(如果可以)、 将组件从它的
Ext.Container中删除(如果可以)、 并且将它从
Ext.ComponentMgr中 反注册。 销毁操作一般由框架自动完成,不应该直接调用该方法。
参数:
| Component | |
disable() : Ext.Component
将组件设为无效。
将组件设为无效。
参数:
| Component | |
doLayout( [Boolean shallow ] ) : void
强制容器的布局管理器重新计算布局。 当向一个已经渲染好的容器中添加新的组件或者...
强制容器的布局管理器重新计算布局。 当向一个已经渲染好的容器中添加新的组件或者 改变子组件的大小或位置属性时, 必须调用该方法。
参数:
| Container | |
enable() : Ext.Component
将组件状态设置为有效。
将组件状态设置为有效。
参数:
| Component | |
expand( Boolean animate ) : Ext.Panel
展开panel的body部分使它变成可见。 触发...
展开panel的body部分使它变成可见。 触发
beforeexpand 事件,如果事件返回false则取消展开动作。
参数:
| Panel | |
find( String prop ,String value ) : Array
根据属性(译者注:属性名和属性值)查找该容器中任意层次结构上的组件。
根据属性(译者注:属性名和属性值)查找该容器中任意层次结构上的组件。
参数:
| Container | |
findBy( Function fcn ,[Object scope ] ) : Array
根据特定的方法查找该容器中任意层次结构上的组件。 如果传递进来的方法返回true,当前组件将会被包含在结果集中...
根据特定的方法查找该容器中任意层次结构上的组件。 如果传递进来的方法返回true,当前组件将会被包含在结果集中。 传递进来的方法用以下参数格式调用: (component, this container)。
参数:
| Container | |
findById( String id ) : Ext.Component
根据id查找该容器中任意层次结构上的组件。
根据id查找该容器中任意层次结构上的组件。
参数:
| Container | |
findByType( String/类 xtype ) : Array
根据xtyle或者类型查找该容器中任意层次结构上的组件。
根据xtyle或者类型查找该容器中任意层次结构上的组件。
参数:
| Container | |
findParentBy( Function fcn ,[Object scope ] ) : Array
根据指定的方法查找该组件上一级容器, 该容器可以处于任意层次结构中...
根据指定的方法查找该组件上一级容器, 该容器可以处于任意层次结构中。 如果传递进来的方法返回true,当前组件将会被包含在结果集中。 传递进来的方法用以下参数格式调用: (container, this container)。
参数:
| Component | |
findParentByType( String/类 xtype ) : Container
根据xtype或者类型查找该组件上一级容器, 该容器可以处于任意层次结构中。
根据xtype或者类型查找该组件上一级容器, 该容器可以处于任意层次结构中。
参数:
| Component | |
fireEvent( String eventName ,Object... args ) : Boolean
使用传递进来的参数(减去事件名称)触发指定的事件。
使用传递进来的参数(减去事件名称)触发指定的事件。
参数:
| Observable | |
focus() : void
聚焦到窗口。 如果设置了一个defaultButton, 它将会接收焦点,否则窗口本身将接收焦点。
聚焦到窗口。 如果设置了一个defaultButton, 它将会接收焦点,否则窗口本身将接收焦点。
参数:
| Window | |
getBottomToolbar() : Ext.Toolbar
返回panel底部区域的工具条。
返回panel底部区域的工具条。
参数:
| Panel | |
getBox( [Boolean local ] ) : Object
获取组件底层元素当前盒子模型的尺寸。(译者注:盒子模型是CSS术语,详细解释请自行搜索。)
获取组件底层元素当前盒子模型的尺寸。(译者注:盒子模型是CSS术语,详细解释请自行搜索。)
参数:
| BoxComponent | |
getComponent( String/Number id ) : Ext.Component
根据id或者序号获取直接子元素。
根据id或者序号获取直接子元素。(译者注:指第一层子元素,非递归式获取)
参数:
| Container | |
getEl() : Ext.Element
返回底层的
Ext.Element.
返回底层的
Ext.Element.
参数:
| Component | |
getFrameHeight() : Number
返回此panel框架元素高度的像素值 ( 包含顶部和底部工具条和header、footer元素, 但不包含body元素的高度)....
返回此panel框架元素高度的像素值 ( 包含顶部和底部工具条和header、footer元素, 但不包含body元素的高度). 需要获得body元素的高度,请参见
getInnerHeight.
参数:
| Panel | |
getFrameWidth() : Number
返回此panel框架元素宽度的像素值 (不包含body元素的宽度)...
返回此panel框架元素宽度的像素值 (不包含body元素的宽度)。 需要获得body元素的宽度,请参见
getInnerWidth.
参数:
| Panel | |
getId() : String
返回此组件的id值。
返回此组件的id值。
参数:
| Component | |
getInnerHeight() : Number
返回body元素高度的像素值 ( 不包含任何框架元素的高度)...
返回body元素高度的像素值 ( 不包含任何框架元素的高度)。获取框架元素的高度,请参见
getFrameHeight.
参数:
| Panel | |
getInnerWidth() : Number
返回body元素宽度的像素值 ( 不包含任何框架元素的宽度)...
返回body元素宽度的像素值 ( 不包含任何框架元素的宽度)。获取框架元素的宽度,请参见
getFrameWidth.
参数:
| Panel | |
getItemId() : String
获取此组件元素的id。
获取此组件元素的id。
参数:
| Component | |
getLayout() : ContainerLayout
返回容器当前使用的布局管理器。 如果容器当前没有设置布局管理器, 一个默认的...
返回容器当前使用的布局管理器。 如果容器当前没有设置布局管理器, 一个默认的
Ext.layout.ContainerLayout 将会被创建并设置为容器的布局。
参数:
| Container | |
getPosition( [Boolean local ] ) : Array
获取组件底层元素当前的XY位置。
获取组件底层元素当前的XY位置。
参数:
| BoxComponent | |
getSize() : Object
获取组件底层元素当前的大小。
获取组件底层元素当前的大小。
参数:
| BoxComponent | |
getTopToolbar() : Ext.Toolbar
返回panel顶部区域工具条(tbar)。
返回panel顶部区域工具条(tbar)。
参数:
| Panel | |
getUpdater() : Ext.Updater
获取此panel的
Ext.Updater。 让你...
获取此panel的
Ext.Updater。 让你可以通过Ajax请求来更新此panel的body区域。
参数:
| Panel | |
getXType() : String
获取此组件的xtype值,就像在
Ext.ComponentMgr 注册的值相同...
获取此组件的xtype值,就像在
Ext.ComponentMgr 注册的值相同。所有可用的xtype值,请参见
Ext.Component 头部。示例用法:
参数:
| Component | |
getXTypes() : String
返回此组件的xtype继承树,用'-'分隔...
返回此组件的xtype继承树,用'-'分隔。 所有可用的xtype值,请参见 Ext.Component 头部区域。 如果使用你自己的子类,必须知道组件必须注册它的xtype值(to participate in determination of inherited xtypes。) 示例用法:
参数:
| Component | |
hasListener( String eventName ) : Boolean
检测此对象是否拥有指定事件的监听器。
检测此对象是否拥有指定事件的监听器。
参数:
| Observable | |
hide( [String/Element animateTarget ],[Function callback ], [Object scope ] ) : void
隐藏窗口,将其设置为不可见,并设置一个负数偏移量。
隐藏窗口,将其设置为不可见,并设置一个负数偏移量。
参数:
| Window | |
insert( Number index ,Ext.Component component ) : Ext.Component
向容器中的指定索引处插入一个组件。 在插入之前触发
beforeadd 事件 ...
向容器中的指定索引处插入一个组件。 在插入之前触发
beforeadd 事件, 随后在插入完成之后触发
add 事件。
参数:
| Container | |
isVisible() : void
如果组件可见,返回true。
如果组件可见,返回true。
参数:
| Component | |
isXType( String xtype ,[Boolean shallow ] ) : void
测试此组件是否是指定的xtype...
测试此组件是否是指定的xtype。此方法既可以测试是否是指定的xtype的某个子类,或者它是否直接是指定的xtype类(shallow=true)。 如果使用你自己的子类,必须知道组件必须注册它的xtype值(to participate in determination of inherited xtypes。) 所有合法的xtype列表,参见Ext.Component头部。 示例用法:
参数:
| Component | |
load( Object/String/Function config ) : Ext.Panel
使用XHR(译者注:指Ajax请求)调用的返回内容来立即加载此panel。
使用XHR(译者注:指Ajax请求)调用的返回内容来立即加载此panel。
参数:
| Panel | |
maximize() : void
将窗口的大小自适应成它目前容器的大小,并且 自动将...
将窗口的大小自适应成它目前容器的大小,并且 自动将'最大化'工具按钮替换成'恢复'工具按钮。
参数:
| Window | |
minimize() : void | Window | |
on( String eventName ,Function handler , [Object scope ],[Object options ] ) : void
为此元素添加一个事件处理器(addListener方法的简写)。
为此元素添加一个事件处理器(addListener方法的简写)。
参数:
| Observable | |
purgeListeners() : void
从对象中移除所有的监听器。
从对象中移除所有的监听器。
参数:
| Observable | |
relayEvent( Object o ,Array events ) : void
将所选的事件传递到指定的可视对象,就好像事件是在它自己
身上被触发的一样。
将所选的事件传递到指定的可视对象,就好像事件是在它自己
身上被触发的一样。
参数:
| Observable | |
remove( Component/String component ,[Boolean autoDestroy ] ) : void
在移除之前触发
beforeremove事件...
从容器中移除一个组件。在移除之前触发
beforeremove事件,接着在移除之后触发
remove 事件。
参数:
| Container | |
removeClass( string cls ) : void
从组件的底层元素中移除一个CSS样式。
从组件的底层元素中移除一个CSS样式。
参数:
| Component | |
removeListener( String eventName ,Function handler , [Object scope ] ) : void
删除一个监听器
删除一个监听器
参数:
| Observable | |
render( [Element/HTMLElement/String container ],[String/Number position ] ) : void
在传递进来的HTML元素中渲染组件。如果你正使用一个
Container 对象来容纳组件...
在传递进来的HTML元素中渲染组件。 如果你正使用一个 Container 对象来容纳组件,那么请不要调用render()方法。 当容器第一次被渲染时,容器的子组件被容器的 layout 布局管理器渲染。 某些布局管理器允许动态添加子组件。这些布局包括: Ext.layout.CardLayout,Ext.layout.AnchorLayout, Ext.layout.FormLayout, Ext.layout.TableLayout。 如果在添加新的子组件时,容器已经渲染完成了,你可能需要调用容器的doLayout 方法来刷新视图,它将会导致组件中尚未渲染的子组件进行渲染。这种做法是必须的,这样你就可以添加多个子组件而只要刷新一次布局。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略容器的layout 配置属性意味着一个基本的布局管理器将被使用。这种情况下,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
Parameters:
| Component | |
restore() : void
将一个最大化的窗口恢复到它原来的大小,并且将其放置到被 最大化时的位置,然后用'maximize'...
将一个最大化的窗口恢复到它原来的大小,并且将其放置到被 最大化时的位置,然后用'maximize'工具按钮替代'restore'工具按钮。
参数:
| Window | |
resumeEvents() : void
重新开始触发事件。(参见
suspendEvent)
重新开始触发事件。(参见
suspendEvent)
参数:
| Observable | |
setActive( Boolean active ) : void
通过显示其阴影,让当前窗口成为当前活动项,或者通过隐藏其阴影让它 成为非当前活动项...
通过显示其阴影,让当前窗口成为当前活动项,或者通过隐藏其阴影让它 成为非当前活动项。 此方法同时触发
activate或者
deactivate 事件,触发何种事件取决于发生了何种操作。
参数:
| Window | |
setAnimateTarget( String/Element el ) : void
设置一个目标元素,当窗口打开时作为动画效果的起始点。
设置一个目标元素,当窗口打开时作为动画效果的起始点。
参数:
| Window | |
setDisabled( Boolean disabled ) : void
工具函数,使用布尔值设置有效/无效(disabled/enabled )。
工具函数,使用布尔值设置有效/无效(disabled/enabled )。
参数:
| Component | |
setHeight( Number height ) : Ext.BoxComponent
| BoxComponent | |
setIconClass( String cls ) : void
设置CSS样式,由此样式提供panel的图标图片。此方法将会移除任何已经存在的图标样式。
设置CSS样式,由此样式提供panel的图标图片。此方法将会移除任何已经存在的图标样式。
参数:
| Panel | |
setPagePosition( Number x ,Number y ) : Ext.BoxComponent
设置组件在页面中的XY位置。 如果需要设置left和top值 ,请使用...
设置组件在页面中的XY位置。 如果需要设置left和top值 ,请使用
setPosition方法。该方法触发
move事件。
参数:
| BoxComponent | |
setPosition( Number left ,Number top ) : Ext.BoxComponent
设置组件的left和top值。设置组件的页面XY值,请使用
setPagePosition方法。该方法触发...
设置组件的left和top值。设置组件的页面XY值,请使用
setPagePosition方法。该方法触发
move事件。
参数:
| BoxComponent | |
setSize( Number/Object width ,Number height ) : Ext.BoxComponent
| BoxComponent | |
setTitle( String title ,[String iconCls ] ) : void
设置panel的标题并且可选择同时设置图标样式。
设置panel的标题并且可选择同时设置图标样式。
参数:
| Panel | |
setVisible( Boolean visible ) : Ext.Component
工具函数,使用布尔值设置该对象隐藏或显示。
工具函数,使用布尔值设置该对象隐藏或显示。
参数:
| Component | |
setWidth( Number width ) : Ext.BoxComponent
| BoxComponent | |
show( [String/Element animateTarget ],[Function callback ], [Object scope ] ) : void
显示此窗口,如果需要时先渲染它, 或者将其设为当前活动项,并且如果它是隐藏的 把它显示出来。
显示此窗口,如果需要时先渲染它, 或者将其设为当前活动项,并且如果它是隐藏的 把它显示出来。
参数:
| Window | |
suspendEvents() : void
延缓触发所有的事件。(参见
resumeEvents)
延缓触发所有的事件。(参见
resumeEvents)
参数:
| Observable | |
syncSize() : Ext.BoxComponent
强制组件的大小按照此组件底层元素当前的高度和宽度计算。
强制组件的大小按照此组件底层元素当前的高度和宽度计算。
参数:
| BoxComponent | |
toBack() : Ext.Window
将当前窗口设置到任何可见窗口之后(更小的z-index)
将当前窗口设置到任何可见窗口之后(更小的z-index)
参数:
| Window | |
toFront() : Ext.Window
将当前窗口放置到其它任何可见的窗口之前
将当前窗口放置到其它任何可见的窗口之前
参数:
| Window | |
toggleCollapse( Boolean animate ) : Ext.Panel
expand 或
collapse 操作的快捷方式,基于panel当前的状态。
参数:
| Panel | |
toggleMaximize() : void | Window | |
un( String eventName ,Function handler , [Object scope ] ) : void
删除一个监听器(removeListener方法的简写)
删除一个监听器(removeListener方法的简写)
参数:
| Observable | |
updateBox( Object box ) : Ext.BoxComponent
设置此组件底层元素的盒子模型尺寸。
设置此组件底层元素的盒子模型尺寸。(译者注:盒子模型是CSS术语,详细资料请自行搜索。)
参数:
| BoxComponent |
公共事件
Event | 所在类 | |
---|---|---|
activate : ( Ext.Window this )
| Window | |
add( Ext.Component/Object component ) : Ext.Component
向容器中添加一个
Component。在添加之前触发...
向容器中添加一个Component。在添加之前触发beforeadd 事件,然后在添加完成之后触发add事件。 当使用一个容器时,你永远不需要调用render()方法。当容器被渲染完成后,子组件会被容器的 layout管理器渲染, 某些布局管理器允许动态添加子组件。能够做到(译者注:指可以动态添加子组件的布局)的有 Ext.layout.CardLayout,Ext.layout.AnchorLayout,Ext.layout.FormLayout,Ext.layout.TableLayout. 当调用add方法时如果容器已经被渲染完成,你可能需要调用doLayout方法来刷新试图,它将使所有尚未渲染的子组件进行渲染。这一点是必须的,这样在需要时,你就可以一次添加多个子组件而只刷新一次layout。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略layout配置属性意味着一个基本的布局管理器将被使用,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
参数:
| Container | |
afterlayout : ( Ext.Container this ,ContainerLayout layout )
在此容器中的组件被指定的布局管理器调整布局后触发。
在此容器中的组件被指定的布局管理器调整布局后触发。
监听器将会被以如下的参数格式调用:
| Container | |
beforeadd : ( Ext.Container this ,Ext.Component component , Number index )
在任何
Ext.Component 被添加到容器之前触发。处理器返回false将停止添加操作。
在任何
Ext.Component 被添加到容器之前触发。处理器返回false将停止添加操作。
监听器将会被以如下的参数格式调用:
| Container | |
beforeclose : ( Ext.Panel p )
在panel关闭之前触发。注意:Panel并不直接支持关闭操作,但是Panel的一些子类支持...
在panel关闭之前触发。注意:Panel本身并不直接支持关闭操作,但是Panel的一些子类支持(例如
Ext.Window)。 此事件仅仅对这种子类才有效。 处理器可以返回一个false来终止关闭操作。
监听器将以如下的参数格式被调用
| Panel | |
beforecollapse : ( Ext.Panel p ,Boolean animate )
在panel收缩之前触发。处理器可以返回一个false来终止收缩动作。
在panel收缩之前触发。处理器可以返回一个false来终止收缩动作。
监听器将以如下的参数格式被调用
| Panel | |
beforedestroy : ( Ext.Component this )
在组件销毁之前触发。返回false停止销毁操作。
在组件销毁之前触发。返回false停止销毁操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeexpand : ( Ext.Panel p ,Boolean animate )
在panel展开之前触发。 处理器可以返回一个false来终止展开操作。
在panel展开之前触发。 处理器可以返回一个false来终止展开操作。
监听器将以如下的参数格式被调用:
| Panel | |
beforehide : ( Ext.Component this )
在组件隐藏之前触发。返回false停止隐藏操作。
在组件隐藏之前触发。返回false停止隐藏操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeremove : ( Ext.Container this ,Ext.Component component )
在任何
Ext.Component 被从容器中移除之前触发。处理器返回false将停止移除操作。
在任何
Ext.Component 被从容器中移除之前触发。处理器返回false将停止移除操作。
监听器将会被以如下的参数格式调用:
| Container | |
beforerender : ( Ext.Component this )
在组件渲染之前触发。返回false停止渲染操作。
在组件渲染之前触发。返回false停止渲染操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeshow : ( Ext.Component this )
在组件显示之前触发。返回false停止显示。
在组件显示之前触发。返回false停止显示。
监听器将会用如下的参数格式来调用:
| Component | |
beforestaterestore : ( Ext.Component this ,Object state )
在组件状态恢复之前触发。返回false停止恢复状态操作。
在组件状态恢复之前触发。返回false停止恢复状态操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforestatesave : ( Ext.Component this ,Object state )
在组件状态被存储到配置的状态缓存器之前触发。 返回false停止保存操作。
在组件状态被存储到配置的状态缓存器之前触发。 返回false停止保存操作。
监听器将会用如下的参数格式来调用:
| Component | |
bodyresize : ( Ext.Panel p ,Number width , Number height )
在panel被调整大小后触发。
在panel被调整大小后触发。
监听器将以如下的参数格式被调用
| Panel | |
close : ( Ext.Panel p )
在panel被关闭后触发. 注意:panel本身并不支持关闭操作,但是panel的某些子类支持 (例如
Ext.Window)。
在panel被关闭后触发. 注意:panel本身并不支持关闭操作,但是panel的某些子类支持 (例如
Ext.Window)。
监听器将以如下的参数格式被调用
| Panel | |
collapse : ( Ext.Panel p )
在panel收缩之后触发。
在panel收缩之后触发。
监听器将以如下的参数格式被调用
| Panel | |
deactivate : ( Ext.Window this )
| Window | |
destroy : ( Ext.Component this )
在组件销毁之后触发。返回false停止销毁。
在组件销毁之后触发。返回false停止销毁。
监听器将会用如下的参数格式来调用:
| Component | |
disable : ( Ext.Component this )
在组件失效后触发。
在组件失效后触发。
监听器将会用如下的参数格式来调用:
| Component | |
enable : ( Ext.Component this )
在组件有效之后触发。
在组件有效之后触发。
监听器将会用如下的参数格式来调用:
| Component | |
expand : ( Ext.Panel p )
在Panel被展开之后触发。
在Panel被展开之后触发。
监听器将以如下的参数格式被调用
| Panel | |
hide : ( Ext.Component this )
在组件隐藏之后触发。
在组件隐藏之后触发。
监听器将会用如下的参数格式来调用:
| Component | |
maximize : ( Ext.Window this )
当窗口被最大化之后触发。
当窗口被最大化之后触发。
监听器将会以如下的参数格式调用:
| Window | |
minimize : ( Ext.Window this )
当窗体被最小化之后触发。
当窗体被最小化之后触发。
监听器将会以如下的参数格式调用:
| Window | |
move : ( Ext.Component this ,Number x , Number y )
在组件移动之后触发。
在组件移动之后触发。
监听器将会用如下的参数格式来调用:
| BoxComponent | |
remove : ( Ext.Container this ,Ext.Component component )
在任何
Ext.Component 被从容器中移除之后触发。
在任何
Ext.Component 被从容器中移除之后触发。
监听器将会被以如下的参数格式调用:
| Container | |
render : ( Ext.Component this )
在组件被渲染之后触发。
在组件被渲染之后触发。
监听器将以如下的参数格式被调用
| Component | |
resize : ( Ext.Window this ,Number width , Number height )
当窗体的大小发生变化时触发。
当窗体的大小发生变化时触发。
监听器将会以如下的参数格式调用:
| Window | |
restore : ( Ext.Window this )
当窗口在最大化后被恢复到原来的大小时触发。
当窗口在最大化后被恢复到原来的大小时触发。
监听器将会以如下的参数格式调用:
| Window | |
show : ( Ext.Component this )
在组件显示之后触发。
在组件显示之后触发。
监听器将以如下的参数格式被调用
| Component | |
staterestore : ( Ext.Component this ,Object state )
在组件状态被恢复后触发。
在组件状态被恢复后触发。
监听器将以如下的参数格式被调用
| Component | |
statesave : ( Ext.Component this ,Object state )
在组件的状态被保存到配置的状态存储器中后触发。
在组件的状态被保存到配置的状态存储器中后触发。
监听器将会用如下的参数格式来调用:
| Component | |
titlechange : ( Ext.Panel p ,String The )
在Panel的标题被改变后触发。
在Panel的标题被改变后触发。
监听器将以如下的参数格式被调用
| Panel |
配置属性
配置属性 | 所在类 | |
---|---|---|
activeItem : String/Number
一个组件的id字符串或者数字序号, 它将在容器的布局渲染时在其中被初始化并被设置为当前活动项...
一个组件的id字符串或者数字序号, 它将在容器的布局渲染时在其中被初始化并被设置为当前活动项。例如:activeItem: 'item-1' 或 activeItem: 0 ( 序号 0 =容器子元素集合中的第一个元素)。 activeItem只能应用到一次只显示一个元素的布局中(如
Ext.layout.Accordion,
Ext.layout.CardLayout 和
Ext.layout.FitLayout)。相关布局:
Ext.layout.ContainerLayout.activeItem。
| Container | |
allowDomMove : Boolean
在渲染的时候,组件是否能够移动DOM节点。(默认值为 true).
| Component | |
animCollapse : Boolean
如果为true,当panel在折叠的时候具有动画过度效果;否则跳过动画效果...
如果为true,当panel在折叠的时候具有动画过度效果;否则跳过动画效果。(译者注:指没有动画过渡)(如果
Ext.Fx 类可用,默认值为true,否则默认为false)。
| Panel | |
animateTarget : String/Element
id或者一个元素,作为窗口被打开时动画效果的起始点 (默认值为 null,没有动画效果)。
| Window | |
applyTo : Mixed
可以为节点id、一个DOM节点、或者一个在document中已存在的、已装配到DIV的Element,这个Element指定了一些panel特有的结构标签...
可以为节点id、一个DOM节点、或者一个在document中已存在的、已装配到DIV的Element,这个Element指定了一些panel特有的结构标签。 在使用applyTo的时候,panel中被托管的部分可以被主元素中CSS对应class部分渲染,并且panel会自动使用这些指定的标签来创建组件。 任何标签中没有指定的,但是(在渲染时)必须的组件都会被自动创建。 支持如下的class名称: (baseCls 将会被
baseCls替代):
| Component | |
autoDestroy : Boolean
如果为true,当容器包含的组件从容器中移除时,容器将会自动销毁这些组件。否则...
如果为true,当容器包含的组件从容器中移除时,容器将会自动销毁这些组件;否则必须手动处理销毁动作(默认值为 true)。
| Container | |
autoHeight : Boolean
如果为true,使height配置项为'auto',否则使用固定的高度...
如果为true,使height配置项为'auto',否则使用固定的高度。 注意:虽然很多组件继承了这个配置选项,但不是所有这些组件的自动高度配置都会像期望的那样 起作用(默认值为 false)。
| BoxComponent | |
autoLoad : Object/String/Function
按照Updater类中
Ext.Updater.update 方法指定的合法的url...
按照Updater类中
Ext.Updater.update 方法指定的合法的url。 如果autoLoad配置项不为null,panel将会在渲染时尝试立即加载所有的组件。
| Panel | |
autoScroll : Boolean
如果为true,将会在panel的body元素上使用overflow:'auto'配置,并且在...
如果为true,将会在panel的body元素上使用overflow:'auto'配置,并且在 必要的时候自动显示滚动条,否则 ,溢出部分的组件都会被切除(默认值为 false)。
| Panel | |
autoShow : Boolean
如果为true,组件将会检测隐藏的样式...
如果为true,组件将会检测隐藏的样式(例如:'x-hidden'或'x-hide-display'),并且在渲染的时候将它们移除(默认值为 false)。
| Component | |
baseCls : String
应用到此面板中元素的基本CSS类(默认值为 'x-window')。
| Window | |
bbar : Object/Array
panel底部的工具栏。 可以是
Ext.Toolbar 对象...
panel底部的工具栏。 可以是
Ext.Toolbar 对象。 这里可以是能够添加到toolbar的一个toolbar配置,或者一个buttons/button数组配置。 注意:在渲染完成之后,这个属性不再有效。 在渲染之后访问bottom toolbar,请使用
getBottomToolbar方法。
| Panel | |
bodyBorder : Boolean
如果为true,在panel的body元素内部显示一个边框,否则隐藏边框(默认值为 true)...
如果为true,在panel的body元素内部显示一个边框,否则隐藏边框(默认值为 true)。 只有在
border == true时该配置才起作用。 如果border == true 并且 bodyBorder == false, 边框将会被显示为一个1像素的插入边框, 给整个的body元素一种插入式的外观。
| Panel | |
bodyStyle : String/Object/Function
为body元素自定义的CSS样式 ,格式为
Ext.Element.applyStyles类...
为body元素自定义的CSS样式 ,格式为
Ext.Element.applyStyles类指定的格式(默认值为 null)。
| Panel | |
border : Boolean
如果为true,在panel的body元素上显示边框, 否则隐藏边框(默认值为 true)。 默认情况下,边框是2个像素的内部边框...
如果为true,在panel的body元素上显示边框, 否则隐藏边框(默认值为 true)。 默认情况下,边框是2个像素的内部边框, 但是,可以在以后通过设置
bodyBorder 这个属性为false来改变。
| Panel | |
bufferResize : Boolean/Number
当设置为true时(值为100毫秒)或者直接设置一个毫秒数, 为这个容器指定的布局会缓存它计算出来的周期,并周期性对它所有的...
当设置为true时(值为100毫秒)或者直接设置一个毫秒数, 为这个容器指定的布局会缓存它计算出来的周期,并周期性对容器中所有的组件进行重新布局。对于重量级的或者拥有大量的子组件的容器来说,这个参数非常有用,因为频繁地对这些容器重新布局将会消耗很多资源。
| Container | |
buttonAlign : String
所有添加到panel中的按钮的对齐方式。 合法的值有'right,' 'left' 和 'center' (默认值为 'right')。
| Panel | |
buttons : Array
Panel的按钮数组,从
buttons配置属性被创建。
该属性为只读。 | Panel | |
closable : Boolean
设置为true将显示'close'工具按钮,并允许用户关闭窗体, false将隐藏此按钮,并不准关闭窗口(默认为true)。
设置为true将显示'close'工具按钮,并允许用户关闭窗体, false将隐藏此按钮,并不准关闭窗口(默认为true)。 默认情况下,可以通过点击窗口上的关闭按钮,或者当窗口获得焦点时按ESC键来请求关闭窗体, 然后 close 方法将被调用。此方法将销毁窗体,包括其中的内容,这意味着此窗体是不可复用的。 为了在关闭一个窗口时隐藏它,这样可以重复使用之,设置 closeAction 为'hide'。 | Window | |
closeAction : String
当关闭按钮被点击时执行的操作。 默认的操作是'close',这将把窗口从DOM中移除...
当关闭按钮被点击时执行的操作。 默认的操作是'close',这将把窗口从DOM中移除并摧毁它。 另一个合法的选项是'hide',这将简单地隐藏窗口,通过 设置它的visibility为hidden,并且设置一个负数偏移量。 通过
show 方法可以让窗口重新显示。
| Window | |
cls : String
一个可选的外部CSS样式, 添加到这个组件的元素(默认值为 '')。 该配置项对于使用标准的...
一个可选的外部CSS样式,添加到这个组件的元素(默认值为 '')。 该配置项对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的样式非常有用。
| Component | |
collapseFirst : Boolean
如果为真,张开/收缩按钮总是渲染在所有panel标题栏按钮的左侧,否则...
如果为真,张开/收缩按钮总是渲染在所有panel标题栏按钮的左侧,否则,选择在最后(默认值为 true)。
译者注:我在IE8和FireFox3.0.11下测试这个属性,发现没有效果,无论是true还是false,这个伸缩按钮都是在右边的。 | Panel | |
collapsed : Boolean
如果为true,将panel渲染成收缩的,否则渲染成展开的(默认值为 false)。
| Panel | |
collapsedCls : String
一个CSS类,在panel被收缩时添加到它的元素(默认值为 'x-panel-collapsed')。
| Panel | |
collapsible : Boolean
如果为true,panel是可收缩的,并且有一个收起/展开按钮自动被渲染到它的头部工具...
如果为true,panel是可收缩的,并且有一个收起/展开按钮自动被渲染到它的头部工具区域, 否则panel的大小是固定的,没有按钮(默认值为 false)。
| Panel | |
constrain : Boolean
设置为true,将窗口约束到视图区,false将 允许其落到视图区之外(默认值为 false)...
设置为true,将窗口约束到视图区,false将 允许其落到视图区之外(默认值为 false)。 可选地,如果仅仅需要约束窗体头部,使用
constrainHeader 配置项。
| Window | |
constrainHeader : Boolean
设置为true将把窗体的头部约束到视图区, 允许窗口的body部分落到视图区之外...
设置为true将把窗体的头部约束到视图区, 允许窗口的body部分落到视图区之外, false将允许窗口头部落到视图区之外 (默认值为 false)。 可以选择约束这个窗体,使用
constrain 。
| Window | |
contentEl : String
一个已存在的HTML节点的id,它被当作panel的body元素内容来使用(默认值为 '')。
| Panel | |
ctCls : String
一个可选的外部CSS样式,添加到这个组件的容器(默认值为 '')。 这个方法对于使用标准的CSS规则...
一个可选的外部CSS样式,添加到这个组件的容器(默认值为 '')。 这个方法对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的样式非常有用。
| Component | |
defaultButton : String/Number/Button
一个按钮的id/idex,或者一个按钮实例,在当前窗口 获得焦点时将聚焦到此对象。
| Window | |
defaultType : String
当添加到容器的子组件是纯粹的配置对象(译者注:指一个立即Json对象),而不是实例化...
当添加到容器的子组件是纯粹的配置对象(译者注:指一个立即Json对象),而不是实例化一个组件时, 创建该子组件时默认的 xtype。 这个值默认值为 'panel',但是对于Ext.form.FormPanel 和 Ext.form.FieldSet来说默认值是 'textfield'。 | Container | |
defaults : Object | Container | |
disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
| Component | |
disabledClass : String
当组件无效时的CSS样式(默认值为 "x-item-disabled").
| Component | |
draggable : Boolean
设置为true,将允许按住顶部工具条拖动窗口, false将禁用拖拽(默认值为 true)。 注意:默认情况下...
设置为true,将允许按住顶部工具条拖动窗口, false将禁用拖拽(默认值为 true)。 注意:默认情况下,窗口是被放置在视图区正中间的, 所以,如果禁用拖拽,在窗体渲染之后就需要通过程序来 设置窗口位置(例如: myWindow.setPosition(100, 100);).
| Window | |
elements : String
当窗口被渲染时,需要初始化的面板元素:一个以逗号分隔的 面板元素列表...
当窗口被渲染时,需要初始化的面板元素:一个以逗号分隔的 面板元素列表。 一般情况下,此列表会根据配置时添加到窗口的项目 自动生成。但是,有时候,此项可能非常有用, 比如用来确定一个结构化的元素是否已经被渲染, 即使在配置时没有指定它 (例如,你可能想要在窗口渲染之后动态地添加一个按钮或者工具条)。 将那些元素添加到此列表可以在窗口被渲染时分配必须的占位符。 合法的值有
| Window | |
expandOnShow : Boolean
设置为true,在窗口显示时总是以展开的状态出现, ...
设置为true,在窗口显示时总是以展开的状态出现, false将在显示时保持其当前的状态(可能是折叠的)。 (默认值为 true).
| Window | |
footer : Ext.Element | Panel | |
header : Ext.Element | Panel | |
headerAsText : Boolean
如果为true,将panel的title属性显示在header中, 否则隐藏它(默认值为 true)。
| Panel | |
height : Number
组件高度的像素值(默认值为 auto).
| BoxComponent | |
将组件渲染成隐藏的(默认为false).
| hidden : Boolean
Component | |
hideBorders : Boolean
如果为true,隐藏包含的每个组件的边框, 否则服从组件已存在的border设置...
如果为true,隐藏包含的每个组件的边框, 否则服从组件已存在的border设置 (默认值为 false).
| Container | |
hideCollapseTool : Boolean
如果为true,当
collapsible = true时,隐藏收缩/展开按钮,否则显示它(默认值为 false).
| Panel | |
hideMode : String
组件如何隐藏,支持的值有: "visibility" (css visibility), "offsets" (负值位置) 和 "display" (css display) - 默认值为 "display"。
组件如何隐藏,支持的值有: "visibility" (css visibility), "offsets" (负值位置) 和 "display" (css display) - 默认值为 "display"。
| Component | |
hideParent : Boolean
如果为true,当在组件上调用hide/show方法时,同时hide/show组件的容器,否则仅仅hide/show组件自己(默认值为 false)...
如果为true,当在组件上调用hide/show方法时, 同时hide/show组件的容器, 否则仅仅hide/show组件自己(默认值为 false)。 例如,此配置项可以用作window中“隐藏”功能按钮的快捷方式 hide:true。 (译者注:因为按钮的hide为true,按钮自己是隐藏的, 然后hideParent为true将同时隐藏包含按钮的容器,把这样一个 按钮添加到一个window中,window就被隐藏了。晕,应该没人会这么用吧。 )
| Component | |
html : String/Object
一个HTML标签,或者一个
DomHelper ,这个对象被用作panel的body元素的内容(默认值为 '')。
| Panel | |
iconCls : String
一个CSS,由它提供一个被用作header图标的背景图片(默认值为 '')...
一个CSS,由它提供一个被用作header图标的背景图片(默认值为 '')。一个定制图标的例子就像:.my-icon { background: url(../images/my-icon.gif) 0 6px no-repeat !important;}
| Panel | |
id : String
组件唯一的id(默认值为一个自动生成的id)。
| Component | |
items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是
Ext.Component类的任意一个子类。
组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。 所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。 | Container | |
keys : Object/Array
一个按键映射对象(由
Ext.KeyMap.addBinding规定格式 ...
一个按键映射对象(由
Ext.KeyMap.addBinding规定格式用来为panel指定定制的按键处理(默认值为 null)。
| Panel | |
layout : String
容器使用的布局类型。 如果没有指定, 默认创建并使用...
容器使用的布局类型。 如果没有指定, 默认创建并使用
Ext.layout.ContainerLayout 布局。 合法的值有: absolute, accordion, anchor, border, card, column, fit, form and table。 特殊的布局注册值也可以用
layoutConfig 来指定。
| Container | |
layoutConfig: Object | Container | |
listeners : Object
一个包含一个或多个事件处理器的配置对象,在初始化的时候被添加到对象。 这个对象应该是一个合法的监听器配置对...
一个包含一个或多个事件处理器的注册类,在初始化的时候被添加到对象。 这个对象应该是一个合法的监听器配置对象,就像
addListener 例子中指定的那样, 这样可以一次添加多个处理器。
| Observable | |
manager : Ext.WindowGroup
一个到 WindowGroup的引用 ,它负责管理此窗口 (默认值为
Ext.WindowMgr) .
| Window | |
maskDisabled : Boolean
如果为true,在panel被设置成disabled的时候为它加上遮罩(译者注:指灰化效果),否则不添加遮罩(默认值为 true)...
如果为true,在panel被设置成disabled的时候为它加上遮罩(译者注:指灰化效果),否则不添加遮罩(默认值为 true)。另外,当panel无效时,它总是告诉它所包含的元素将自己设置成无效,但是给panel添加遮罩可以提供额外的视觉提示:panel是无效的。
| Panel | |
maximizable : Boolean
设置为true将显示'最大化'工具按钮,并允许用户 最大化窗口,false将隐藏按钮并不允许用户...
设置为true将显示'最大化'工具按钮,并允许用户 最大化窗口,false将隐藏按钮并不允许用户 最大化窗口(默认值为 false)。 注意:当窗口被最大化之后,工具按钮将自动变成 一个'恢复'按钮,并且有内置的适当行为支持,此按钮 可以将窗口恢复到其原来的大小。
| Window | |
minButtonWidth : Number
panel中所有按钮最小宽度的像素值(默认值为 75像素)。
| Panel | |
minHeight : Number
当前窗口所允许的最小高度像素数 (默认值为 100)。 只有在resizable = true时有效。
| Window | |
minWidth : Number
当前窗口所允许的最小宽度像素值(默认值为 200)。 只有resizable = true时有效。
| Window | |
minimizable : Boolean
设置为true将显示一个'最小化'工具按钮,并允许 用户最小化窗口;false将隐藏此按钮并禁止最小化窗口...
设置为true将显示一个'最小化'工具按钮,并允许 用户最小化窗口;false将隐藏此按钮并禁止最小化窗口 (默认值为 false)。 注意:此按钮没有提供实现 --- 最小化一个窗口的行为是与具体实现相关的, 所以必须处理最小化事件,并且一个定制的最小化 行为实现是对于此配置项是可用的。
| Window | |
modal : Boolean
设置为true将使窗口成为模态的,并在显示时将其后面的 所有东西罩在一个遮罩中...
设置为true将使窗口成为模态的,并在显示时将其后面的 所有东西罩在一个遮罩中,false将在显示窗口时不限制对 其它UI元素的访问 (默认值为 false).
| Window | |
onEsc : Function
允许覆盖对escape键的内置处理。 默认的操作是关闭窗口...
允许覆盖对escape键的内置处理。 默认的操作是关闭窗口 ( 执行何种操作是在
closeAction 中指定的。 如果需要在按下escape键时阻止关闭窗口,将 此项指定为一个Ext.emptyFn (参见
Ext.emptyFn)。
| Window | |
overCls : String
一个可选的CSS样式,当鼠标滑过时它被设置到组件的元素,并且在鼠标移出时被删除(默认值为 '')...
一个可选的CSS样式,当鼠标滑过时它被设置到组件的元素,并且在鼠标移出时被删除(默认值为 '')。 这个方法对于使用标准的CSS规则,为组件或它的任何一个子组件添加特定的"active" 或 "hover" 样式非常有用。
| Component | |
pageX : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的x坐标值(译者注:在有滚动条的情况下这个值很有用)。
| BoxComponent | |
pageY : Number
如果被包含在一个指定位置的容器中,这个值表示页面级的y坐标值(译者注:在有滚动条的情况下这个值很有用)。
| BoxComponent | |
plain : Boolean
设置为true将把窗体的body区域用一个透明背景来渲染, 这样它将被融合进框架元素...
设置为true将把窗体的body区域用一个透明背景来渲染, 这样它将被融合进框架元素; false 将添加一个更亮的背景色, 在视觉上高亮显示body元素,并且将它从周围的 框架中明显地区别开来 (默认值为 false)。
| Window | |
plugins : Object/Array
一个对象或者一个对象数组,为组件提供特殊的功能...
一个对象或者一个对象数组,为组件提供特殊的功能。 对一个合法的插件唯一的要求是它含有一个init()方法,能接收一个Ext.Component型的参数。 当组件被创建时,如果有可用的插件,组件将会调用每个插件的init方法,并将自身的引用作为方法参数传递给它。然后,每个插件就可以调用方法或者响应组件上的事件,就像需要的那样提供自己的功能。
| Component | |
renderTo : Mixed
该值可以是一个节点的id、一个DOM节点或者一个已存在的元素, 组件将会被渲染到其中...
该值可以是一个节点的id、一个DOM节点或者一个已存在的元素, 组件将会被渲染到其中。 使用renderTo这个配置项时,就没有必要再调用render()方法。
| Component | |
resizable : Boolean
设置为true将允许用户拖动每个边缘和角落来 重新设置窗口的大小, false将禁止调整大小 (默认值为 true)。
| Window | |
resizeHandles : String
一个合法的
Ext.Resizable 处理配置字符串(默认值为 'all')。 只有在resizable = true时有效。
| Window | |
shadow : Boolean/String
该值可以为true (或者一个合法的 Ext.Shadow
Ext.Shadow.mode 值)。注意...
该值可以为true (或者一个合法的 Ext.Shadow
Ext.Shadow.mode 值)。注意,该选项只有在floating = true时才起作用。
| Panel | |
shadowOffset : Number
当显示阴影时,阴影偏移量像素值(默认值为 4像素)。注意...
当显示阴影时,阴影偏移量像素值(默认值为 4像素)。注意,该选项只有在floating = true时才起作用。
| Panel | |
shim : Boolean
如果为false,浏览器中显示iframe时需要的垫片效果将无效(默认值为 true)。注意...
如果为false,浏览器中显示iframe时需要的垫片效果将无效(默认值为 true)。注意,该选项只有在floating = true时才起作用。
| Panel | |
stateEvents : Array
一个事件数组,当它们被触发时,组件需要保存自己的状态(默认值为 none)。 它们可以是任何该组件支持的事件类型,包括浏览器事件和...
一个事件数组,当它们被触发时,组件需要保存自己的状态(默认值为 none)。 它们可以是任何该组件支持的事件类型,包括浏览器事件和 自定义事件(例如 ['click', 'customerchange'])。
对于保存和恢复组件状态的详细解释,参见 stateful | Component | |
stateId : String
为该组件指定的唯一的id值,它被用作组件状态管理。(默认值为 组件自己的 id)...
为该组件指定的唯一的id值,它被用作组件状态管理。(默认值为 组件自己的 id)。
对于保存和恢复组件状态的详细解释,参见stateful | Component | |
stateful : Boolean
一个标志位,它将导致组件在启动时试图从保存的状态中恢复其内部属性的原有状态。 为了使保存状态能够起作用...
一个标志位,它将导致组件在启动时试图从保存的状态中恢复其内部属性的原有状态。 为了使保存状态能够起作用,状态管理器的提供者必须已经被设置成
Ext.state.Provider 接口的一个实现类,它覆盖了
set 和
get 方法 来保存和恢复键/值对(name/value pairs)。 一个内置的实现
Ext.state.CookieProvider是可用的
为当前页面设置状态提供者:
当在stateEvents注册的事件列表中的一个事件被触发时,组件将尝试保存自己的当前状态信息。 在保存/恢复状态的过程中,你可以通过向beforestaterestore, staterestore, beforestatesave 和 statesave 事件添加处理器,来提供额外的处理。 | Component | |
style : String
被添加到组件元素的特定样式。 必须是按照...
被添加到组件元素的特定样式。 必须是按照
Ext.Element.applyStyles类指定格式的 合法参数值。
| Component | |
tabTip : String
当鼠标滑过作为 Ext.TabPanel组件的Ext.Panel时, 添加一个tooltip。 为了tips能够被渲染...
当鼠标滑过作为 Ext.TabPanel组件的Ext.Panel时, 添加一个tooltip。 为了tips能够被渲染 Ext.QuickTips.init() 必须被提前调用。
| Panel | |
tbar : Object/Array
panel顶部工具条。 可以是
Ext.Toolbar 对象、 一个可以...
panel顶部工具条。 可以是
Ext.Toolbar 对象、 一个可以添加到toolbar的toolbar配置属性(译者注:指立即Json字符串),或者 一个buttons/button注册数组。 注意:在渲染后该项不是一个有效的属性值。 需要在渲染之后访问top工具条,请使用
getTopToolbar方法。
| Panel | |
title : String
panel头部显示的标题文字(默认值为 '')。 当指定了titile值时,header元素将会自动被创建并显示...
panel头部显示的标题文字(默认值为 '')。 当指定了titile值时,header元素将会自动被创建并显示 ,除非
header 属性被指定为false. 如果你不想在注册时指定一个title,但是在以后你可能又需要一个标题,你必须要么指定一个非空的标题(可以是一个空字符' ')要么设置header:true,这样容器元素才会被创建。
译者注:请特别注意这段提示,如果开始你不想给panel一个标题,最好把标题设置成空字符,以免以后在调用setTitle()方法时发生异常(因为不指定title,而且也不指定header:true时,容纳标题文字的容器元素不会被创建,所以此时调用setTitle()会发生“元素不存在”的异常)。 | Panel | |
titleCollapse : Boolean
如果为true,当点击顶部工具栏上的任何位置时允许panel收缩/展开(当
collapsible = true), 如果为...
如果为true,当点击顶部工具栏上的任何位置时允许panel收缩/展开(当
collapsible = true), 如果为false,只有在点击工具按钮时才会收缩/展开(默认值为 false)。
| Panel | |
tools : Array
工具按钮注册数组,它将被添加到顶部工具区域。 当渲染完成后...
工具按钮注册数组,它将被添加到顶部工具区域。 当渲染完成后, 每个工具按钮都被作为一个
Element类型的引用, 被存储到一个叫做
tools.<tool-type>的公共属性中。
每个tool的配置属性都可以包含如下属性:
注意,除了toggle工具提供了panel的收缩/展开功能之外,这些工具按钮只有视觉效果。(译者注:指除了收缩/张开按钮提供了默认的功能实现外,其它的按钮都没有提供默认的实现。)任何需要的功能都必须通过添加处理器来实现必要的功能。
| Panel | |
width : Number
组件宽度的像素值(默认值为 auto)。
| BoxComponent | |
x : Number
The X position of the left edge of the Window on initial showing. Defaults to centering the Window within the width o...
The X position of the left edge of the Window on initial showing. Defaults to centering the Window within the width of the Window's container {@link Ext.Element Element) (The Element that the Window is rendered to).
| Window | |
xtype : String
已注册的xtype类型。 当把一个配置对象对象传递给构造方法来产生实例时,这个注册选项不被使用...
已注册的xtype类型。 当把一个配置对象传递给构造方法来产生实例时,这个注册选项不被使用只有在“懒加载”被使用的时候这个选项才被使用,并且容器的子元素不是用一个完整的实例组件指定的,而是作为一个
Component config object。xtype将会在渲染时被查找出来用以决定创建何种类型的子组件。
预定义好的xtypes列表在: 这里。 如果你继承Component,创建你自己的组件,你可用通过 Ext.ComponentMgr.registerType方法来为它们注册xtype,这样就可以改善它们的懒加载和渲染性能。 | Component | |
y : Number
在初始化显示时窗口顶部边缘的Y位置。 默认将窗口显示在其容器 {@link Ext.Element Element)(窗口所渲染到的元素) 高度的正中间。
在初始化显示时窗口顶部边缘的Y位置。 默认将窗口显示在其容器 {@link Ext.Element Element)(窗口所渲染到的元素) 高度的正中间。
| Window |
公共属性
Property | 所在类 | |
---|---|---|
body : Ext.Element | Panel | |
buttons : Array
Panel的按钮数组,从
buttons配置属性被创建。
该属性为只读。 | Panel | |
dd : Ext.dd.DD | Window | |
disabled : Boolean
如果组件状态为disabled时该值为true。 只读属性。
| Component | |
footer : Ext.Element | Panel | |
header : Ext.Element | Panel | |
将组件渲染成隐藏的(默认为false).
| hidden : Boolean
Component | |
initialConfig : Object
组件初始化注册说明。只读属性。
| Component | |
items : Mixed
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中...
一个单独的元素,或者一个子组件数组, 它们将被添加到容器中。 每个元素可以是
Ext.Component类的任意一个子类。
组件的注册对象也可以定制,以便 在使用“懒渲染”模式时缩减构造一个真实的组件对象的开销,这种模式下组件不会被立即渲染。 有关“懒初始化”的细节,请参见 Ext.Component.xtype 配置属性查看所需组件的类型注册。 所有合法的xtype列表,请看 Ext.Component。如果传递进来的是单个的元素,它应该作为一个object的引用被直接传递进来(例如 items: {...})。复合的元素应该以一个对象数组的形式被传递进来(例如 items: [{...}, {...}])。 | Container | |
ownerCt : Ext.Container
组件所属的
Ext.Container (默认值为 undefined...
组件所属的
Ext.Container (默认值为 undefined, 并且在把组件添加到一个容器中时该值被自动设置)。只读属性。
| Component | |
rendered : Boolean
当组件被渲染后该值为true。只读属性。
| Component |
公共方法
Method | 所在类 | |
---|---|---|
Window( Object config )
参数:
| Window | |
add( Ext.Component/Object component ) : Ext.Component
向容器中添加一个
Component。在添加之前触发...
向容器中添加一个Component。在添加之前触发beforeadd 事件,然后在添加完成之后触发add事件。 当使用一个容器时,你永远不需要调用render()方法。当容器被渲染完成后,子组件会被容器的 layout管理器渲染, 某些布局管理器允许动态添加子组件。能够做到(译者注:指可以动态添加子组件的布局)的有 Ext.layout.CardLayout,Ext.layout.AnchorLayout,Ext.layout.FormLayout,Ext.layout.TableLayout. 当调用add方法时如果容器已经被渲染完成,你可能需要调用doLayout方法来刷新试图,它将使所有尚未渲染的子组件进行渲染。这一点是必须的,这样在需要时,你就可以一次添加多个子组件而只刷新一次layout。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略layout配置属性意味着一个基本的布局管理器将被使用,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
参数:
| Container | |
addButton( String/Object config ,Function handler , Object scope ) : Ext.Button
向panel中添加一个按钮。 注意:这个方法必须在进行渲染之前被调用...
向panel中添加一个按钮。 注意:这个方法必须在进行渲染之前被调用。添加按钮的首选途径是通过
buttons 配置属性进行。
参数:
| Panel | |
addClass( string cls ) : void
为组件底层的元素添加CSS样式。
为组件底层的元素添加CSS样式。
参数:
| Component | |
addEvents( Object object ) : void
用来为可视元素定义事件
用来为可视元素定义事件
参数:
| Observable | |
addListener( String eventName ,Function handler , [Object scope ],[Object options ] ) : void
为组件添加事件处理器
为组件添加事件处理器
参数:
| Observable | |
alignTo( Mixed element ,String position , [Array offsets ] ) : Ext.Window
将窗口对齐到指定的元素
将窗口对齐到指定的元素
参数:
| Window | |
anchorTo( Mixed element ,String position , [Array offsets ],[Boolean/Number monitorScroll ] ) : Ext.Window
将当前窗口锚定到另一个元素,当窗口被调整大小或者滚动时重新对齐。
将当前窗口锚定到另一个元素,当窗口被调整大小或者滚动时重新对齐。
参数:
| Window | |
applyToMarkup( String/HTMLElement el ) : void
将此组件添加到已存在的合法标签中。 使用该方法时,无需再调用render()方法。
将此组件添加到已存在的合法标签中。 使用该方法时,无需再调用render()方法。
参数:
| Component | |
bubble( Function fn ,[Object scope ], [Array args ] ) : void
沿着继承树向上起泡, 对继承树中的每个组件调用指定的方法...
沿着继承树向上起泡, 对继承树中的每个组件调用指定的方法, 调用方法时的(
this)作用域为指定的scope或者为当前组件。 传递给方法的参数为传递进来args或者当前组件。 在起泡的任意一个节点上,如果function返回false,即停止起泡。
参数:
| Container | |
cascade( Function fn ,[Object scope ], [Array args ] ) : void
沿着继承树向下回溯, 对继承树中的每个组件调用指定的方法...
沿着继承树向下回溯, 对继承树中的每个组件调用指定的方法, 调用方法时的(
this)作用域为指定的scope或者为当前组件。 传递给方法的参数为传递进来args或者当前组件。 在起泡的任意一个节点上,如果function返回false,即停止在那个分支上。
参数:
| Container | |
center() : Ext.Window
将窗口设置到视图区的正中间
将窗口设置到视图区的正中间
参数:
| Window | |
cloneConfig( Object overrides ) : Ext.Component
克隆当前组件,默认情况下,使用传递到该组件的原始配置值。
克隆当前组件,默认情况下,使用传递到该组件的原始配置值。
参数:
| Component | |
close() : void
关闭窗口,从DOM中删除它,并销毁窗口对象。 在关闭之前触发beforeclose事件,如果事件处理器返回...
关闭窗口,从DOM中删除它,并销毁窗口对象。 在关闭之前触发beforeclose事件,如果事件处理器返回false则取消关闭操作。
参数:
| Window | |
collapse( Boolean animate ) : Ext.Panel
收起panel的body部分使它变成隐藏的。 触发
beforecollapse 事件...
收起panel的body部分使它变成隐藏的。 触发
beforecollapse 事件,如果事件返回false则取消收起动作。
参数:
| Panel | |
destroy() : void
通过如下方法,尝试摧毁任何传递进来的对象:删除所有的事件监听器、将组件的元素从DOM树中删除(如果可以)、 将组件从它的...
通过如下方法,尝试摧毁任何传递进来的对象:删除所有的事件监听器、将组件的元素从DOM树中删除(如果可以)、 将组件从它的
Ext.Container中删除(如果可以)、 并且将它从
Ext.ComponentMgr中 反注册。 销毁操作一般由框架自动完成,不应该直接调用该方法。
参数:
| Component | |
disable() : Ext.Component
将组件设为无效。
将组件设为无效。
参数:
| Component | |
doLayout( [Boolean shallow ] ) : void
强制容器的布局管理器重新计算布局。 当向一个已经渲染好的容器中添加新的组件或者...
强制容器的布局管理器重新计算布局。 当向一个已经渲染好的容器中添加新的组件或者 改变子组件的大小或位置属性时, 必须调用该方法。
参数:
| Container | |
enable() : Ext.Component
将组件状态设置为有效。
将组件状态设置为有效。
参数:
| Component | |
expand( Boolean animate ) : Ext.Panel
展开panel的body部分使它变成可见。 触发...
展开panel的body部分使它变成可见。 触发
beforeexpand 事件,如果事件返回false则取消展开动作。
参数:
| Panel | |
find( String prop ,String value ) : Array
根据属性(译者注:属性名和属性值)查找该容器中任意层次结构上的组件。
根据属性(译者注:属性名和属性值)查找该容器中任意层次结构上的组件。
参数:
| Container | |
findBy( Function fcn ,[Object scope ] ) : Array
根据特定的方法查找该容器中任意层次结构上的组件。 如果传递进来的方法返回true,当前组件将会被包含在结果集中...
根据特定的方法查找该容器中任意层次结构上的组件。 如果传递进来的方法返回true,当前组件将会被包含在结果集中。 传递进来的方法用以下参数格式调用: (component, this container)。
参数:
| Container | |
findById( String id ) : Ext.Component
根据id查找该容器中任意层次结构上的组件。
根据id查找该容器中任意层次结构上的组件。
参数:
| Container | |
findByType( String/类 xtype ) : Array
根据xtyle或者类型查找该容器中任意层次结构上的组件。
根据xtyle或者类型查找该容器中任意层次结构上的组件。
参数:
| Container | |
findParentBy( Function fcn ,[Object scope ] ) : Array
根据指定的方法查找该组件上一级容器, 该容器可以处于任意层次结构中...
根据指定的方法查找该组件上一级容器, 该容器可以处于任意层次结构中。 如果传递进来的方法返回true,当前组件将会被包含在结果集中。 传递进来的方法用以下参数格式调用: (container, this container)。
参数:
| Component | |
findParentByType( String/类 xtype ) : Container
根据xtype或者类型查找该组件上一级容器, 该容器可以处于任意层次结构中。
根据xtype或者类型查找该组件上一级容器, 该容器可以处于任意层次结构中。
参数:
| Component | |
fireEvent( String eventName ,Object... args ) : Boolean
使用传递进来的参数(减去事件名称)触发指定的事件。
使用传递进来的参数(减去事件名称)触发指定的事件。
参数:
| Observable | |
focus() : void
聚焦到窗口。 如果设置了一个defaultButton, 它将会接收焦点,否则窗口本身将接收焦点。
聚焦到窗口。 如果设置了一个defaultButton, 它将会接收焦点,否则窗口本身将接收焦点。
参数:
| Window | |
getBottomToolbar() : Ext.Toolbar
返回panel底部区域的工具条。
返回panel底部区域的工具条。
参数:
| Panel | |
getBox( [Boolean local ] ) : Object
获取组件底层元素当前盒子模型的尺寸。(译者注:盒子模型是CSS术语,详细解释请自行搜索。)
获取组件底层元素当前盒子模型的尺寸。(译者注:盒子模型是CSS术语,详细解释请自行搜索。)
参数:
| BoxComponent | |
getComponent( String/Number id ) : Ext.Component
根据id或者序号获取直接子元素。
根据id或者序号获取直接子元素。(译者注:指第一层子元素,非递归式获取)
参数:
| Container | |
getEl() : Ext.Element
返回底层的
Ext.Element.
返回底层的
Ext.Element.
参数:
| Component | |
getFrameHeight() : Number
返回此panel框架元素高度的像素值 ( 包含顶部和底部工具条和header、footer元素, 但不包含body元素的高度)....
返回此panel框架元素高度的像素值 ( 包含顶部和底部工具条和header、footer元素, 但不包含body元素的高度). 需要获得body元素的高度,请参见
getInnerHeight.
参数:
| Panel | |
getFrameWidth() : Number
返回此panel框架元素宽度的像素值 (不包含body元素的宽度)...
返回此panel框架元素宽度的像素值 (不包含body元素的宽度)。 需要获得body元素的宽度,请参见
getInnerWidth.
参数:
| Panel | |
getId() : String
返回此组件的id值。
返回此组件的id值。
参数:
| Component | |
getInnerHeight() : Number
返回body元素高度的像素值 ( 不包含任何框架元素的高度)...
返回body元素高度的像素值 ( 不包含任何框架元素的高度)。获取框架元素的高度,请参见
getFrameHeight.
参数:
| Panel | |
getInnerWidth() : Number
返回body元素宽度的像素值 ( 不包含任何框架元素的宽度)...
返回body元素宽度的像素值 ( 不包含任何框架元素的宽度)。获取框架元素的宽度,请参见
getFrameWidth.
参数:
| Panel | |
getItemId() : String
获取此组件元素的id。
获取此组件元素的id。
参数:
| Component | |
getLayout() : ContainerLayout
返回容器当前使用的布局管理器。 如果容器当前没有设置布局管理器, 一个默认的...
返回容器当前使用的布局管理器。 如果容器当前没有设置布局管理器, 一个默认的
Ext.layout.ContainerLayout 将会被创建并设置为容器的布局。
参数:
| Container | |
getPosition( [Boolean local ] ) : Array
获取组件底层元素当前的XY位置。
获取组件底层元素当前的XY位置。
参数:
| BoxComponent | |
getSize() : Object
获取组件底层元素当前的大小。
获取组件底层元素当前的大小。
参数:
| BoxComponent | |
getTopToolbar() : Ext.Toolbar
返回panel顶部区域工具条(tbar)。
返回panel顶部区域工具条(tbar)。
参数:
| Panel | |
getUpdater() : Ext.Updater
获取此panel的
Ext.Updater。 让你...
获取此panel的
Ext.Updater。 让你可以通过Ajax请求来更新此panel的body区域。
参数:
| Panel | |
getXType() : String
获取此组件的xtype值,就像在
Ext.ComponentMgr 注册的值相同...
获取此组件的xtype值,就像在
Ext.ComponentMgr 注册的值相同。所有可用的xtype值,请参见
Ext.Component 头部。示例用法:
参数:
| Component | |
getXTypes() : String
返回此组件的xtype继承树,用'-'分隔...
返回此组件的xtype继承树,用'-'分隔。 所有可用的xtype值,请参见 Ext.Component 头部区域。 如果使用你自己的子类,必须知道组件必须注册它的xtype值(to participate in determination of inherited xtypes。) 示例用法:
参数:
| Component | |
hasListener( String eventName ) : Boolean
检测此对象是否拥有指定事件的监听器。
检测此对象是否拥有指定事件的监听器。
参数:
| Observable | |
hide( [String/Element animateTarget ],[Function callback ], [Object scope ] ) : void
隐藏窗口,将其设置为不可见,并设置一个负数偏移量。
隐藏窗口,将其设置为不可见,并设置一个负数偏移量。
参数:
| Window | |
insert( Number index ,Ext.Component component ) : Ext.Component
向容器中的指定索引处插入一个组件。 在插入之前触发
beforeadd 事件 ...
向容器中的指定索引处插入一个组件。 在插入之前触发
beforeadd 事件, 随后在插入完成之后触发
add 事件。
参数:
| Container | |
isVisible() : void
如果组件可见,返回true。
如果组件可见,返回true。
参数:
| Component | |
isXType( String xtype ,[Boolean shallow ] ) : void
测试此组件是否是指定的xtype...
测试此组件是否是指定的xtype。此方法既可以测试是否是指定的xtype的某个子类,或者它是否直接是指定的xtype类(shallow=true)。 如果使用你自己的子类,必须知道组件必须注册它的xtype值(to participate in determination of inherited xtypes。) 所有合法的xtype列表,参见Ext.Component头部。 示例用法:
参数:
| Component | |
load( Object/String/Function config ) : Ext.Panel
使用XHR(译者注:指Ajax请求)调用的返回内容来立即加载此panel。
使用XHR(译者注:指Ajax请求)调用的返回内容来立即加载此panel。
参数:
| Panel | |
maximize() : void
将窗口的大小自适应成它目前容器的大小,并且 自动将...
将窗口的大小自适应成它目前容器的大小,并且 自动将'最大化'工具按钮替换成'恢复'工具按钮。
参数:
| Window | |
minimize() : void | Window | |
on( String eventName ,Function handler , [Object scope ],[Object options ] ) : void
为此元素添加一个事件处理器(addListener方法的简写)。
为此元素添加一个事件处理器(addListener方法的简写)。
参数:
| Observable | |
purgeListeners() : void
从对象中移除所有的监听器。
从对象中移除所有的监听器。
参数:
| Observable | |
relayEvent( Object o ,Array events ) : void
将所选的事件传递到指定的可视对象,就好像事件是在它自己
身上被触发的一样。
将所选的事件传递到指定的可视对象,就好像事件是在它自己
身上被触发的一样。
参数:
| Observable | |
remove( Component/String component ,[Boolean autoDestroy ] ) : void
在移除之前触发
beforeremove事件...
从容器中移除一个组件。在移除之前触发
beforeremove事件,接着在移除之后触发
remove 事件。
参数:
| Container | |
removeClass( string cls ) : void
从组件的底层元素中移除一个CSS样式。
从组件的底层元素中移除一个CSS样式。
参数:
| Component | |
removeListener( String eventName ,Function handler , [Object scope ] ) : void
删除一个监听器
删除一个监听器
参数:
| Observable | |
render( [Element/HTMLElement/String container ],[String/Number position ] ) : void
在传递进来的HTML元素中渲染组件。如果你正使用一个
Container 对象来容纳组件...
在传递进来的HTML元素中渲染组件。 如果你正使用一个 Container 对象来容纳组件,那么请不要调用render()方法。 当容器第一次被渲染时,容器的子组件被容器的 layout 布局管理器渲染。 某些布局管理器允许动态添加子组件。这些布局包括: Ext.layout.CardLayout,Ext.layout.AnchorLayout, Ext.layout.FormLayout, Ext.layout.TableLayout。 如果在添加新的子组件时,容器已经渲染完成了,你可能需要调用容器的doLayout 方法来刷新视图,它将会导致组件中尚未渲染的子组件进行渲染。这种做法是必须的,这样你就可以添加多个子组件而只要刷新一次布局。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略容器的layout 配置属性意味着一个基本的布局管理器将被使用。这种情况下,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
Parameters:
| Component | |
restore() : void
将一个最大化的窗口恢复到它原来的大小,并且将其放置到被 最大化时的位置,然后用'maximize'...
将一个最大化的窗口恢复到它原来的大小,并且将其放置到被 最大化时的位置,然后用'maximize'工具按钮替代'restore'工具按钮。
参数:
| Window | |
resumeEvents() : void
重新开始触发事件。(参见
suspendEvent)
重新开始触发事件。(参见
suspendEvent)
参数:
| Observable | |
setActive( Boolean active ) : void
通过显示其阴影,让当前窗口成为当前活动项,或者通过隐藏其阴影让它 成为非当前活动项...
通过显示其阴影,让当前窗口成为当前活动项,或者通过隐藏其阴影让它 成为非当前活动项。 此方法同时触发
activate或者
deactivate 事件,触发何种事件取决于发生了何种操作。
参数:
| Window | |
setAnimateTarget( String/Element el ) : void
设置一个目标元素,当窗口打开时作为动画效果的起始点。
设置一个目标元素,当窗口打开时作为动画效果的起始点。
参数:
| Window | |
setDisabled( Boolean disabled ) : void
工具函数,使用布尔值设置有效/无效(disabled/enabled )。
工具函数,使用布尔值设置有效/无效(disabled/enabled )。
参数:
| Component | |
setHeight( Number height ) : Ext.BoxComponent
| BoxComponent | |
setIconClass( String cls ) : void
设置CSS样式,由此样式提供panel的图标图片。此方法将会移除任何已经存在的图标样式。
设置CSS样式,由此样式提供panel的图标图片。此方法将会移除任何已经存在的图标样式。
参数:
| Panel | |
setPagePosition( Number x ,Number y ) : Ext.BoxComponent
设置组件在页面中的XY位置。 如果需要设置left和top值 ,请使用...
设置组件在页面中的XY位置。 如果需要设置left和top值 ,请使用
setPosition方法。该方法触发
move事件。
参数:
| BoxComponent | |
setPosition( Number left ,Number top ) : Ext.BoxComponent
设置组件的left和top值。设置组件的页面XY值,请使用
setPagePosition方法。该方法触发...
设置组件的left和top值。设置组件的页面XY值,请使用
setPagePosition方法。该方法触发
move事件。
参数:
| BoxComponent | |
setSize( Number/Object width ,Number height ) : Ext.BoxComponent
| BoxComponent | |
setTitle( String title ,[String iconCls ] ) : void
设置panel的标题并且可选择同时设置图标样式。
设置panel的标题并且可选择同时设置图标样式。
参数:
| Panel | |
setVisible( Boolean visible ) : Ext.Component
工具函数,使用布尔值设置该对象隐藏或显示。
工具函数,使用布尔值设置该对象隐藏或显示。
参数:
| Component | |
setWidth( Number width ) : Ext.BoxComponent
| BoxComponent | |
show( [String/Element animateTarget ],[Function callback ], [Object scope ] ) : void
显示此窗口,如果需要时先渲染它, 或者将其设为当前活动项,并且如果它是隐藏的 把它显示出来。
显示此窗口,如果需要时先渲染它, 或者将其设为当前活动项,并且如果它是隐藏的 把它显示出来。
参数:
| Window | |
suspendEvents() : void
延缓触发所有的事件。(参见
resumeEvents)
延缓触发所有的事件。(参见
resumeEvents)
参数:
| Observable | |
syncSize() : Ext.BoxComponent
强制组件的大小按照此组件底层元素当前的高度和宽度计算。
强制组件的大小按照此组件底层元素当前的高度和宽度计算。
参数:
| BoxComponent | |
toBack() : Ext.Window
将当前窗口设置到任何可见窗口之后(更小的z-index)
将当前窗口设置到任何可见窗口之后(更小的z-index)
参数:
| Window | |
toFront() : Ext.Window
将当前窗口放置到其它任何可见的窗口之前
将当前窗口放置到其它任何可见的窗口之前
参数:
| Window | |
toggleCollapse( Boolean animate ) : Ext.Panel
expand 或
collapse 操作的快捷方式,基于panel当前的状态。
参数:
| Panel | |
toggleMaximize() : void | Window | |
un( String eventName ,Function handler , [Object scope ] ) : void
删除一个监听器(removeListener方法的简写)
删除一个监听器(removeListener方法的简写)
参数:
| Observable | |
updateBox( Object box ) : Ext.BoxComponent
设置此组件底层元素的盒子模型尺寸。
设置此组件底层元素的盒子模型尺寸。(译者注:盒子模型是CSS术语,详细资料请自行搜索。)
参数:
| BoxComponent |
公共事件
Event | 所在类 | |
---|---|---|
activate : ( Ext.Window this )
| Window | |
add( Ext.Component/Object component ) : Ext.Component
向容器中添加一个
Component。在添加之前触发...
向容器中添加一个Component。在添加之前触发beforeadd 事件,然后在添加完成之后触发add事件。 当使用一个容器时,你永远不需要调用render()方法。当容器被渲染完成后,子组件会被容器的 layout管理器渲染, 某些布局管理器允许动态添加子组件。能够做到(译者注:指可以动态添加子组件的布局)的有 Ext.layout.CardLayout,Ext.layout.AnchorLayout,Ext.layout.FormLayout,Ext.layout.TableLayout. 当调用add方法时如果容器已经被渲染完成,你可能需要调用doLayout方法来刷新试图,它将使所有尚未渲染的子组件进行渲染。这一点是必须的,这样在需要时,你就可以一次添加多个子组件而只刷新一次layout。 当创建复杂的UI对象时,非常重要的一点是记住设置子元素的大小和位置是容器layout管理器的职责。如果你希望组件在与用户交互时调整大小,你必须指定一个布局管理器,它将创建并管理你想要的布局类型。 忽略layout配置属性意味着一个基本的布局管理器将被使用,它将只是按次序把子组件渲染到容器中,其它什么事情都不做。这种情况下,不会设置大小和位置。
参数:
| Container | |
afterlayout : ( Ext.Container this ,ContainerLayout layout )
在此容器中的组件被指定的布局管理器调整布局后触发。
在此容器中的组件被指定的布局管理器调整布局后触发。
监听器将会被以如下的参数格式调用:
| Container | |
beforeadd : ( Ext.Container this ,Ext.Component component , Number index )
在任何
Ext.Component 被添加到容器之前触发。处理器返回false将停止添加操作。
在任何
Ext.Component 被添加到容器之前触发。处理器返回false将停止添加操作。
监听器将会被以如下的参数格式调用:
| Container | |
beforeclose : ( Ext.Panel p )
在panel关闭之前触发。注意:Panel并不直接支持关闭操作,但是Panel的一些子类支持...
在panel关闭之前触发。注意:Panel本身并不直接支持关闭操作,但是Panel的一些子类支持(例如
Ext.Window)。 此事件仅仅对这种子类才有效。 处理器可以返回一个false来终止关闭操作。
监听器将以如下的参数格式被调用
| Panel | |
beforecollapse : ( Ext.Panel p ,Boolean animate )
在panel收缩之前触发。处理器可以返回一个false来终止收缩动作。
在panel收缩之前触发。处理器可以返回一个false来终止收缩动作。
监听器将以如下的参数格式被调用
| Panel | |
beforedestroy : ( Ext.Component this )
在组件销毁之前触发。返回false停止销毁操作。
在组件销毁之前触发。返回false停止销毁操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeexpand : ( Ext.Panel p ,Boolean animate )
在panel展开之前触发。 处理器可以返回一个false来终止展开操作。
在panel展开之前触发。 处理器可以返回一个false来终止展开操作。
监听器将以如下的参数格式被调用:
| Panel | |
beforehide : ( Ext.Component this )
在组件隐藏之前触发。返回false停止隐藏操作。
在组件隐藏之前触发。返回false停止隐藏操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeremove : ( Ext.Container this ,Ext.Component component )
在任何
Ext.Component 被从容器中移除之前触发。处理器返回false将停止移除操作。
在任何
Ext.Component 被从容器中移除之前触发。处理器返回false将停止移除操作。
监听器将会被以如下的参数格式调用:
| Container | |
beforerender : ( Ext.Component this )
在组件渲染之前触发。返回false停止渲染操作。
在组件渲染之前触发。返回false停止渲染操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforeshow : ( Ext.Component this )
在组件显示之前触发。返回false停止显示。
在组件显示之前触发。返回false停止显示。
监听器将会用如下的参数格式来调用:
| Component | |
beforestaterestore : ( Ext.Component this ,Object state )
在组件状态恢复之前触发。返回false停止恢复状态操作。
在组件状态恢复之前触发。返回false停止恢复状态操作。
监听器将会用如下的参数格式来调用:
| Component | |
beforestatesave : ( Ext.Component this ,Object state )
在组件状态被存储到配置的状态缓存器之前触发。 返回false停止保存操作。
在组件状态被存储到配置的状态缓存器之前触发。 返回false停止保存操作。
监听器将会用如下的参数格式来调用:
| Component | |
bodyresize : ( Ext.Panel p ,Number width , Number height )
在panel被调整大小后触发。
在panel被调整大小后触发。
监听器将以如下的参数格式被调用
| Panel | |
close : ( Ext.Panel p )
在panel被关闭后触发. 注意:panel本身并不支持关闭操作,但是panel的某些子类支持 (例如
Ext.Window)。
在panel被关闭后触发. 注意:panel本身并不支持关闭操作,但是panel的某些子类支持 (例如
Ext.Window)。
监听器将以如下的参数格式被调用
| Panel | |
collapse : ( Ext.Panel p )
在panel收缩之后触发。
在panel收缩之后触发。
监听器将以如下的参数格式被调用
| Panel | |
deactivate : ( Ext.Window this )
| Window | |
destroy : ( Ext.Component this )
在组件销毁之后触发。返回false停止销毁。
在组件销毁之后触发。返回false停止销毁。
监听器将会用如下的参数格式来调用:
| Component | |
disable : ( Ext.Component this )
在组件失效后触发。
在组件失效后触发。
监听器将会用如下的参数格式来调用:
| Component | |
enable : ( Ext.Component this )
在组件有效之后触发。
在组件有效之后触发。
监听器将会用如下的参数格式来调用:
| Component | |
expand : ( Ext.Panel p )
在Panel被展开之后触发。
在Panel被展开之后触发。
监听器将以如下的参数格式被调用
| Panel | |
hide : ( Ext.Component this )
在组件隐藏之后触发。
在组件隐藏之后触发。
监听器将会用如下的参数格式来调用:
| Component | |
maximize : ( Ext.Window this )
当窗口被最大化之后触发。
当窗口被最大化之后触发。
监听器将会以如下的参数格式调用:
| Window | |
minimize : ( Ext.Window this )
当窗体被最小化之后触发。
当窗体被最小化之后触发。
监听器将会以如下的参数格式调用:
| Window | |
move : ( Ext.Component this ,Number x , Number y )
在组件移动之后触发。
在组件移动之后触发。
监听器将会用如下的参数格式来调用:
| BoxComponent | |
remove : ( Ext.Container this ,Ext.Component component )
在任何
Ext.Component 被从容器中移除之后触发。
在任何
Ext.Component 被从容器中移除之后触发。
监听器将会被以如下的参数格式调用:
| Container | |
render : ( Ext.Component this )
在组件被渲染之后触发。
在组件被渲染之后触发。
监听器将以如下的参数格式被调用
| Component | |
resize : ( Ext.Window this ,Number width , Number height )
当窗体的大小发生变化时触发。
当窗体的大小发生变化时触发。
监听器将会以如下的参数格式调用:
| Window | |
restore : ( Ext.Window this )
当窗口在最大化后被恢复到原来的大小时触发。
当窗口在最大化后被恢复到原来的大小时触发。
监听器将会以如下的参数格式调用:
| Window | |
show : ( Ext.Component this )
在组件显示之后触发。
在组件显示之后触发。
监听器将以如下的参数格式被调用
| Component | |
staterestore : ( Ext.Component this ,Object state )
在组件状态被恢复后触发。
在组件状态被恢复后触发。
监听器将以如下的参数格式被调用
| Component | |
statesave : ( Ext.Component this ,Object state )
在组件的状态被保存到配置的状态存储器中后触发。
在组件的状态被保存到配置的状态存储器中后触发。
监听器将会用如下的参数格式来调用:
| Component | |
titlechange : ( Ext.Panel p ,String The )
在Panel的标题被改变后触发。
在Panel的标题被改变后触发。
监听器将以如下的参数格式被调用
| Panel |
Class Ext.WindowMgr
包: | Ext |
所在文件: | WindowManager.js |
Class: | WindowMgr |
继承自: | WindowGroup |
这是一个单例的类,不能直接实例化。
公共属性
Property | 所在类 | |
---|---|---|
zseed : Number
窗口起始z-index(默认值为 9000)
| WindowGroup |
公共方法
Method | 所在类 | |
---|---|---|
bringToFront( String/Object win ) : Boolean
将指定的窗口放置到所有其它活动的窗口之前。
将指定的窗口放置到所有其它活动的窗口之前。
参数:
| WindowGroup | |
each( Function fn ,[Object scope ] ) : void
在组中的每个窗口上执行一次指定的方法,将每个窗口作为唯一的参数传递进去...
在组中的每个窗口上执行一次指定的方法,将每个窗口作为唯一的参数传递进去。如果方法返回false,将终止迭代。
参数:
| WindowGroup | |
get( String/Object id ) : Ext.Window
根据id获取注册的窗口。
根据id获取注册的窗口。
参数:
| WindowGroup | |
getActive() : Ext.Window
获取分组中当前活动的窗口。
获取分组中当前活动的窗口。
参数:
| WindowGroup | |
getBy( Function fn ,[Object scope ] ) : Array
使用传递到此方法的特定搜索函数,返回分组中的0个或多个窗口。 函数应该接收单个的...
使用传递到此方法的特定搜索函数,返回分组中的0个或多个窗口。 函数应该接收单个的
Ext.Window 引用作为其唯一的参数,并且,当窗口符合搜索标准时此方法应该返回一个true, 否则应该返回一个false。
参数:
| WindowGroup | |
hideAll() : void
隐藏分组中的所有窗口。
隐藏分组中的所有窗口。
参数:
| WindowGroup | |
sendToBack( String/Object win ) : Ext.Window
将指定的窗口放置到所有其它活动的窗口之后。
将指定的窗口放置到所有其它活动的窗口之后。
参数:
| WindowGroup |