각 컴포넌트들은 xtype라고 부르는 각 컴포넌트를 가르키는 이름을 가지고 있습니다.주로 선언할때는 xtype으로만 지정해주기 때문에 관련 메서드나 프로퍼티를 알기 위해서는 어떤 컴포넌트인지를 찾아서 API문서를 찾아봐야하기 때문입니다.(정리라기 보단 위 API문서에 있는 내용을 가져온것입니다.)
| xtype | Class |
| box | Ext.BoxComponent |
| button | Ext.Button |
| buttongroup | Ext.ButtonGroup |
| 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 |
| flash | Ext.FlashComponent |
| grid | Ext.grid.GridPanel |
| listview | Ext.ListView |
| panel | Ext.Panel |
| progress | Ext.ProgressBar |
| propertygrid | Ext.grid.PropertyGrid |
| slider | Ext.Slider |
| spacer | Ext.Spacer |
| splitbutton | Ext.SplitButton |
| tabpanel | Ext.TabPanel |
| treepanel | Ext.tree.TreePanel |
| viewport | Ext.ViewPort |
| window | Ext.Window |
Toolbar Components
| xtype | Class |
| paging | Ext.PagingToolbar |
| toolbar | Ext.Toolbar |
| tbbutton | Ext.Toolbar.Button (deprecated; use button) |
| tbfill | Ext.Toolbar.Fill |
| tbitem | Ext.Toolbar.Item |
| tbseparator | Ext.Toolbar.Separator |
| tbspacer | Ext.Toolbar.Spacer |
| tbsplit | Ext.Toolbar.SplitButton (deprecated; use splitbutton) |
| tbtext | Ext.Toolbar.TextItem |
Menu Components
| xtype | Class |
| menu | Ext.menu.Menu |
| colormenu | Ext.menu.ColorMenu |
| datemenu | Ext.menu.DateMenu |
| menubaseitem | Ext.menu.BaseItem |
| menucheckitem | Ext.menu.CheckItem |
| menuitem | Ext.menu.Item |
| menuseparator | Ext.menu.Separator |
| menutextitem | Ext.menu.TextItem |
Form Components
| xtype | Class |
| form | Ext.form.FormPanel |
| checkboxgroup | Ext.form.CheckboxGroup |
| combo | Ext.form.ComboBox |
| datefield | Ext.form.DateField |
| displayfield | Ext.form.DisplayField |
| field | Ext.form.Field |
| fieldset | Ext.form.FieldSet |
| hidden | Ext.form.Hidden |
| htmleditor | Ext.form.HtmlEditor |
| label | Ext.form.Label |
| numberfield | Ext.form.NumberField |
| radio | Ext.form.Radio |
| radiogroup | Ext.form.RadioGroup |
| textarea | Ext.form.TextArea |
| textfield | Ext.form.TextField |
| timefield | Ext.form.TimeField |
| trigger | Ext.form.TriggerField |
Chart Components
| xtype | Class |
| chart | Ext.chart.Chart |
| barchart | Ext.chart.BarChart |
| cartesianchart | Ext.chart.CartesianChart |
| columnchart | Ext.chart.ColumnChart |
| linechart | Ext.chart.LineChart |
| piechart | Ext.chart.PieChart |
Store xtypes
| xtype | Class |
| arraystore | Ext.data.ArrayStore |
| directstore | Ext.data.DirectStore |
| groupingstore | Ext.data.GroupingStore |
| jsonstore | Ext.data.JsonStore |
| simplestore | Ext.data.SimpleStore (deprecated; use arraystore) |
| store | Ext.data.Store |
| xmlstore | Ext.data.XmlStore |
아직 ExtJS의 클래스 구조방식이나 메서드규칙같은 것이 감이 안와서 API찾아보는 시간이 꽤 많이 드는군요. Rhio.Kim님이 만들어주심 Ext JS 3.1 Designed Class Diagram 참조..
API 문서에 xtype 정의된데 어딘지 까먹어서 찾고 있었는데 이렇게 정리해주시다니.. 감사합니다.. ^^
ㅎㅎㅎ 누군가 했네 ㅎ
그때 이후로 Ext.js를 만져볼 기회가 없어서 약간 아쉬운... ㅎ