EXTJS 组件详解

EXTJS的组件体系中有进40中组件，而这些组件又可以大致分成三大类，即基本组件、工具栏组件、表单及元素组件。

基本组件是构成Web UI的主体组件，因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI 的表现，是EXTJS改善Web UI 的重要体现。

EXIJS的基本组件：

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　 窗口

工具栏组件是为了构造工具栏而准备的，在Windows桌面软件中，工具栏随处可见，以其方便性与集成性为用户所称道。EXTJS的工具栏组件能够在Web上构造其表现和功能与桌面软件完全一样的工具栏。

工具栏组件有：
---------------------------------------
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　 工具栏文本项

在传统Web UI中，表单时重要的界面元素了。ExtJS的表单组件对普通HTML的表单进行了封装，不仅提供了更靓丽的外观表现，同时也扩充了功能。使用EXTJS时限Web应用，表单组件也是使用最为频繁的组件了。

表单及字段组件包含：
---------------------------------------
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　 触发录入项