ExtJs UI组件库

1.标准组件
xtype             类                                         描述
box-------- Ext.BoxComponent--------具有边框属性的组件 (重要)
button------ Ext.Button------ 按钮
colorpalette-- Ext.ColorPalette------调色板
component---- Ext.Component------ 组件
container---- Ext.Container------ 容器（可布局组件的超类） extends Ext.BoxComponent 重要参数：layout（当前使用的布局）和items（包含当前组件中所有子组件）
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------------ 面板（可进行子布局）(无需继承可直接使用) extends Ext.Container
progress------Ext.ProgressBar------进度条
propertygrid-- Ext.grid.PropertyGrid--
slider------ Ext.Slider
splitbutton----Ext.SplitButton-------- 可下拉的按钮
statusbar---- Ext.StatusBar
tabpanel------Ext.TabPanel------ 选项面板（常用组件）
treepanel---- Ext.tree.TreePanel---- 树
viewport------Ext.Viewport------ 视图
window------ Ext.Window------ 窗口
2.工具栏组件
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 工具栏分割按钮

 

3.表单组件
form-------- Ext.FormPanel-- form面板

checkbox------Ext.form.Checkbox--多选框
combo--------Ext.form.ComboBox-- 下拉列表
datefield---- Ext.form.DateField-- 日期选择项
field--------Ext.form.Field---- 输入框
fieldset------Ext.form.FieldSet-- 组
hidden------ Ext.form.Hidden---- 表单隐藏域
htmleditor---- Ext.form.HtmlEditor-- Html编辑器
label--------Ext.form.Label--
numberfield----Ext.form.NumberField-- 数字编辑器
radio--------Ext.form.Radio------ 单选框
textarea------Ext.form.TextArea---- 区域文本框
textfield---- Ext.form.TextField----表单文本框
timefield---- Ext.form.TimeField----时间录入项
trigger------ Ext.form.TriggerField--触发录入项
tbtext------ Ext.Toolbar.TextItem-- 工具栏文本项