EXTJS使用XType来定义组件及使用方法

extjs里使用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.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　触发录入项

可以用以下方法来使用

  xtype: "button",  ui: "back",  text: "主页",  itemId: "backButton"

这里定义了一个按钮