Extjs控件学习(一)--Ext.Component

Ext.Componet是所有Ext组件的基类,它的所有子类都自动享有了标准的Ext组件的生命同期，包括创建，渲染和销毁。组件可以在容器组件在创建时通过容器组件的项目配置选项添加,或者用Add方法动态添加。组件基类创建后自动支持显示/隐藏、启用/禁用和大小控制行操作。

所有的组件都注册到Ext.ComponentMgr结构中,所以他们可以在任何时间通过Ext.getCmp()方法根据id引用。
所有用户自行开发的组件子类必须参与标准的生命周期和大小管理。

所有的组件都有一个特定的xtype，那是组件的Ext特定类型的名称,可以用方法getXType和isXtype检测xtype。

Ext.Component应该不经常被实例化使用，因为它的子类提供更专业的工具组件满足很多应用程序的需求。但是它是一个可实例化的其本组件，并且可以渲染，或者作为一个容器布局中的子项。

它在封装的Div上创建，且使用html配置其内容.许多复杂的内部结构可以使用renderTpl配置,虽然这样可以显示数据驱动产生的海量数据，但建义便用数据支持组件，如View,GridPanel或TreePanel。

这是所有有效xtypes的清单：
xtype            Class
-------------    ------------------
button               Ext.button.Button
buttongroup      Ext.container.ButtonGroup
colorpalette       Ext.picker.Color
component        Ext.Component
container           Ext.container.Container
cycle                  Ext.button.Cycle
dataview            Ext.view.View
datepicker         Ext.picker.Date
editor                Ext.Editor
editorgrid          Ext.grid.plugin.Editing
grid                   Ext.grid.Panel
multislider         Ext.slider.Multi
panel                Ext.panel.Panel
progressbar      Ext.ProgressBar
slider                 Ext.slider.Single
splitbutton         Ext.button.Split
tabpanel            Ext.tab.Panel
treepanel           Ext.tree.Panel
viewport             Ext.container.Viewport
window               Ext.window.Window

工具栏组件
---------------------------------------
pagingtoolbar    Ext.toolbar.Paging
toolbar               Ext.toolbar.Toolbar
tbfill                   Ext.toolbar.Fill
tbitem                Ext.toolbar.Item
tbseparator       Ext.toolbar.Separator
tbspacer            Ext.toolbar.Spacer
tbtext                 Ext.toolbar.TextItem

菜单组件

---------------------------------------
menu                    Ext.menu.Menu
menucheckitem    Ext.menu.CheckItem
menuitem             Ext.menu.Item
menuseparator    Ext.menu.Separator
menutextitem       Ext.menu.Item

表单组件
---------------------------------------
form                 Ext.form.Panel
checkbox         Ext.form.field.Checkbox
combo             Ext.form.field.ComboBox
datefield          Ext.form.field.Date
displayfield      Ext.form.field.Display
field                 Ext.form.field.Base
fieldset            Ext.form.FieldSet
hidden            Ext.form.field.Hidden
htmleditor       Ext.form.field.HtmlEditor
label               Ext.form.Label
numberfield    Ext.form.field.Number
radio              Ext.form.field.Radio
radiogroup     Ext.form.RadioGroup
textarea         Ext.form.field.TextArea
textfield         Ext.form.field.Text
timefield        Ext.form.field.Time
trigger           Ext.form.field.Trigger

图表组件
---------------------------------------
chart              Ext.chart.Chart
barchart         Ext.chart.series.Bar
columnchart   Ext.chart.series.Column
linechart        Ext.chart.series.Line
piechart         Ext.chart.series.Pie