Outsider's Dev Story

Stay Hungry. Stay Foolish. Don't Be Satisfied.
RetroTech 팟캐스트 44BITS 팟캐스트

ExtJS xtype 리스트 정리

ExtJS는 컴포넌트 기반으로 돌아가게 되고 컴포넌트를 생성하면 컴포넌트 매니저에 의해서 관리가 됩니다. 이 컴포넌트는 Ext.Component가 선언되어있고 다른 컴포넌트들은 Ext.Component를 상속(Extends)받아서 사용하게 됩니다.

각 컴포넌트들은 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 참조..

2009/12/26 13:09 2009/12/26 13:09