ExtJS的组件.doc

ExtJS的组件Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由 Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。ExtJS中的组件体系由下图所示：?组件大致可以分成三大类，即基本组件、工具栏组件、表单及元素组件。基本组件有： ? 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.ComboBbo选择项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　触发录入项 （版权声明：本人Blog上的所有文章版本均归EasyJF开