目录 | |
1 | Ext的组件 |
2 | 组件的配置属性 |
3 | BorderLayout类详解 |
4 | LayoutRegion类详解 |
5 | ContentPanel类详解 |
6 | NestedLayoutPanel类详解 |
7 | GridPanel类详解 |
8 | Ext 方法例程 |
9 | Ext.util.Format类 |
1.
xtype Class |
------------- ------------------ |
box Ext.BoxComponent 具有边框属性的组件 |
button Ext.Button 按钮 |
colorpalette Ext.ColorPalette 调色板 |
component Ext.Component 组件 |
container Ext.Container 容器 |
cycle Ext.CycleButton |
dataview Ext.DataView 数据显示视图 |
datepicker Ext.DatePicker 日期选择面板 |
editor Ext.Editor 编辑器 |
editorgrid Ext.grid.EditorGridPanel 可编辑的表格 |
grid Ext.grid.GridPanel 表格 |
paging Ext.PagingToolbar 工具栏中的间隔 |
panel Ext.Panel 面板 |
progress Ext.ProgressBar 进度条 |
splitbutton Ext.SplitButton 可分裂的按钮 |
tabpanel Ext.TabPanel 选项面板 |
treepanel Ext.tree.TreePanel 树 |
viewport Ext.ViewPort 视图 |
window Ext.Window 窗口 |
工具栏组件有 |
--------------------------------------- |
toolbar Ext.Toolbar 工具栏 |
tbbutton Ext.Toolbar.Button 按钮 |
tbfill Ext.Toolbar.Fill 文件 |
tbitem Ext.Toolbar.Item 工具条项目 |
tbseparator Ext.Toolbar.Separator 工具栏分隔符 |
tbspacer Ext.Toolbar.Spacer 工具栏空白 |
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮 |
tbtext Ext.Toolbar.TextItem 工具栏文本项 |
表单及字段组件包含: |
--------------------------------------- |
form Ext.FormPanel Form面板 |
checkbox Ext.form.Checkbox checkbox录入框 |
combo Ext.form.ComboBox combo选择项 |
datefield Ext.form.DateField 日期选择项 |
field Ext.form.Field 表单字段 |
fieldset Ext.form.FieldSet 表单字段组 |
hidden Ext.form.Hidden 表单隐藏域 |
htmleditor Ext.form.HtmlEditor html编辑器 |
numberfield Ext.form.NumberField 数字编辑器 |
radio Ext.form.Radio 单选按钮 |
textarea Ext.form.TextArea 区域文本框 |
textfield Ext.form.TextField 表单文本框 |
timefield Ext.form.TimeField 时间录入项 |
trigger Ext.form.TriggerField 触发录入项 |
2.
配置属性名称 | 类型 | 简介 |
allowDomMove | Boolean | 当渲染这个组件时是否允许移动Dom节点(默认值为true)。 |
applyTo | Mixed | 混 合参数,表示把该组件应用指定的对象。参数可以是—节点的id,一个DOM节点或一个存在的元素或与之相对应的在document中已出现的id。当使用 applyTo,也可以提供一个id或CSS的class名称,如果子组件允许它将尝试创建一个。如果指写applyTo选项,所有传递到 renderTo方法的值将被忽略,并且目标元素的父节点将自动指定为这个组件的容器。使用applyTo选项后,则不需要再调用render()方法来 渲染组件。 |
autoShow | Boolean | 自动显示,如为true,则组件将检查所有隐藏类型的class(如:’x-hidden’ 或’x-hide-display’并在渲染时移除(默认为false)。 |
cls | String | 给组件添加额外的样式信息,(默认值为''),如果想自定义组件或它的子组件的样式,这个选项是非常有用的。 |
ctCls | String | 给组件的容器添加额外的样式信息,默认值为'')。 |
disabledClass | String | 给被禁用的组件添加额外的CSS样式信息,(默认为"x-item-disabled")。 |
hideMode | String | 组件的隐藏方式,支持的值有’visibility’,也就是css里的visibility,’offsets’负数偏移位置的值和’display’也就是css里的display,默认值为’display’。 |
hideParent | Boolean | 是否隐藏父容器,该值为true时将会显示或隐藏组件的容器,false时则只隐藏和显示组件本身(默认值为false)。 |
id | String | 组件的id,默认为一个自动分配置的id。 |
listeners | Object | 给对象配置多个事件监听器,在对象初始化会初始化这些监听器。 |
plugins | Object/Array | 一 个对象或数组,将用于增加组件的自定义功能。一个有效的组件插件必须包含一个init方法,该方法可以带一个Ext.Component类型参数。当组件 建立后,如果该组件包含有效的插件,将调用每一个插件的init方法,把组件传递给插件,插件就能够实现对组件的方法调用及事件应用等,从而实现对组件功 能的扩充。 |
renderTo | Mixed | 混合数据参数,指定要渲染到节点的id,一个DOM的节点或一个已存在的容器。如果使用了这个配置选项,则组件的render()就不是必需的了。 |
stateEvents | Array | 定义需要保存组件状态信息的事件。当指定的事件发生时,组件会保存它的状态(默认为none),其值为这个组件支持的任意event类型,包含组件自身的或自定义事件。(例如:[‘click’,’customerchange’])。 |
stateId | String | 组件的状态ID,状态管理器使用该id来管理组件的状态信息,默认值为组件的id。 |
style | String | 给该组件的元素指定特定的样式信息,有效的参数为Ext.Element.applyStyles中的值。 |
xtype | String | 指定所要创建组件的xtype,用于构造函数中没有意义。该参数用于在容器组件中创建创建子组件并延迟实例化和渲染时使用。如果是自定义的组件,则需要用Ext.ComponentMgr.registerType来进行注册,才会支持延迟实例化和渲染。 |
el | Mixed | 相当于applyTo |
3.
属性 | |
monitorWindowResize | 如果设置为发绿色,则不检测窗口大小的改变。默认值为true。 |
方法 | |
add | 增加一个内容面板(或子类)到某个区域。 |
定义:public function add( String target, Ext.ContentPanel panel ) | |
参数: | |
target:目标区域的关键字(north、south、 east、 west 或center) | |
panel:要增加的面板类 | |
返回:Ext.ContentPanel | |
addRegion | 增加一个不存在的区域。 |
定义:public function addRegion( String target, Object config ) | |
参数: | |
target:目标区域的关键字(north、south、 east、 west 或center) | |
config:区域定义对象。 | |
返回:BorderLayoutRegion | |
beginUpdate | 暂时停止LayoutManager的自动布局管理。 |
定义:public function beginUpdate() | |
参数:无 | |
返回:void | |
endUpdate | 恢复LayoutManager的自动管理同时结束更新。 |
定义:public function endUpdate( Boolean noLayout ) | |
参数: | |
noLayout :如果为true则不进行布局更新。默认值为false。 | |
返回:void | |
findPanel | 通过id查找区域内的面板。 |
定义:public function findPanel( String panelId ) | |
参数: | |
panelId:面板id。 | |
返回:Ext.ContentPanel或者null(没有找到)。 | |
getEl | 返回绑定布局的元件。 |
定义:public function getEl() | |
参数:无 | |
返回:Ext.Element | |
getRegion | 根据关键字返回指定的区域。 |
定义:public function getRegion( String target ) | |
参数: | |
target:目标区域的关键字(north、south、 east、 west 或center) | |
返回:Ext.LayoutRegion | |
remove | 从某个区域中移除一个内容面板(或子类)。 |
定义:public function remove( String target, Number/String/Ext.ContentPanel panel ) | |
参数: | |
target:目标区域的关键字(north、south、 east、 west 或center) | |
panel:要移除面板的索引值、id或者对象本身。 | |
返回:Ext.ContentPanel | |
restoreState | 使用Ext.state.Manager或者状态提供者重建布局。 |
定义:public function restoreState( [Ext.state.Provider provider] ) | |
参数: | |
provider : Ext.state.Provider(可选) | |
返回:void | |
showPanel | 设置某个面板为当前活动面板。 |
定义:public function showPanel( String/ContentPanel panelId ) | |
参数: | |
panelId:要设置的面板id或对象本身。 | |
返回:Ext.ContentPanel或者null(面板不存在) | |
事件 | |
regioncollapsed | 当一个区域折叠的时候触发本事件。 |
传递参数: | |
region : Ext.LayoutRegion(折叠的区域对象) | |
regionexpanded | 当一个区域展开的时候触发本事件。 |
传递参数: | |
region : Ext.LayoutRegion(展开的区域对象) | |
regionresized | 当用户改变区域大小的时候触发本事件。 |
传递参数: |
(未