extjs核心组件详解

   Ext.Component是EXT所有组件的基类，它的所有子类都自动享有了标准EXT组件的生命周期，包括创建、渲染和销毁。

 

                    

 

 

 

基本组件

xtype	组件名称	描述
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.EitorGridPanel	可编辑的表格
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	窗口

工具条组件

xtype	组件名称	描述
toolbar	Ext.Toolbar	工具条
tbfill	Ext.Toolbar.Fill	右对齐填充’->’
tbitem	Ext.Toolbar.Item	工具条项目
tbseparator	Ext.Toolbar.Separator	工具条分隔符’-’
tbspacer	Ext.Toolbar.Spacer	工具条空白
tbtext	Ext.Toolbar.TextItem	工具条文本项

 

表单组件

xtype	组件名称	描述
form	Ext.FormPanel	表单面板
checkbox	Ext.form.Checkbox	多选框
combo	Ext.form.ComboBox	下拉列表
datefield	Ext.form.DateField	日期选择项
field	Ext.form.Field	输入框
fieldset	Ext.form.FieldSet	组
hidden	Ext.form.Hidden	表单隐藏域
htnleditor	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	触发录入项

 

 

 

 

/*Ext.BoxComponent它直接继承自Ext.Component，并实现了定位和控制自身大小的功能。
             可以使用pageX、pageY、x、y为Ext.BoxComponent指定具体的坐标，
             也使用width和height为Ext.BoxComponent指定长度和宽度，
              或者使用autoHeight和autoWidth让Ext.BoxComponent根据本身的内容自动调整长度和宽度。
     */
 var box=new Ext.BoxComponent({
 el:'test',
 style:'backgroud-color:red;position：absolute;',
 pageX:100,
 pageY:50,
 width:200,
 height:50
 });
 box.render(');