ExtJS Xtype at a glance

Tags: extjs xtype

Category: HTML

Basic components:
Xtype	Class	Describe
button	Ext.button	Button
SplitButton	Ext.splitbutton	button with drop-down menu
Cycle	Ext.cyclebutton	button with drop-down options menu
Buttongroup	Ext.buttongroup	Group button (Since 3.0)
Slider	Ext.slider	Slide Bar
Progress	Ext.progressbar	Progress bar
StatusBar	Ext.statusbar	Status bar, 2.2 Add in, 3.0 go again.
ColorPalette	Ext.colorpalette	Palette
DatePicker	Ext.datepicker	Date Selection panel
Container and Data class components
Xtype	Class	Describe
Window	Ext.window	Window
Viewport	Ext.viewport	Viewport, the viewport of the browser, can scale with it
Box	Ext.boxcomponent	Box assembly, equivalent to a <div>
Component	Ext.component	Component
Container	Ext.container	Container
Panel	Ext.panel	Panel
TabPanel	Ext.tabpanel	Options panel
Treepanel	Ext.tree.TreePanel	Tree-shaped panel
Flash	Ext.flashcomponent	Display components for Flash (Since 3.0)
Grid	Ext.grid.GridPanel	Form
Editorgrid	Ext.grid.EditorGridPanel	Editable tables
PropertyGrid	Ext.grid.PropertyGrid	Attribute table
Editor	Ext.editor	Editor
DataView	Ext.dataview	Data display View
Listview	Ext.listview	List view
Toolbar components:
Xtype	Class	Describe
Paging	Ext.pagingtoolbar	Pagination Tool Bar
Toolbar	Ext.toolbar	Tool bar
Tbbutton	Ext.Toolbar.Button	toolbar buttons
Tbfill	Ext.Toolbar.Fill	Toolbar Fill Area
Tbitem	Ext.Toolbar.Item	Toolbar items
Tbseparator	Ext.Toolbar.Separator	Toolbar separator
Tbspacer	Ext.Toolbar.Spacer	Tool bar Blank
Tbsplit	Ext.Toolbar.SplitButton	Toolbar Divider button
Tbtext	Ext.Toolbar.TextItem	Toolbar text Items
Menu components:
Xtype	Class	Describe
Menu	Ext.menu.Menu	Menu
Colormenu	Ext.menu.ColorMenu	Color Selection Menu
Datemenu	Ext.menu.DateMenu	Date Selection Menu
Menubaseitem	Baseitem
Menucheckitem	Ext.menu.CheckItem	Options menu item
MenuItem	Ext.menu.Item
Menuseparator	Ext.menu.Separator	Menu Separator Line
Menutextitem	Ext.menu.TextItem	Text menu item
Forms and Form field components:
Xtype	Class	Describe
Form	Ext.formpanel/ext.form.formpanel	Form panel
CheckBox	Ext.form.Checkbox	Multi-Select box
Combo	Ext.form.ComboBox	drop-down box
Datefield	Ext.form.DateField	Date selection
Timefield	Ext.form.TimeField	Time entry
Field	Ext.form.Field	form fields
FieldSet	Ext.form.FieldSet	form field group
Hidden	Ext.form.Hidden	Form hidden fields
HTMLEditor	Ext.form.HtmlEditor	HTML Editor
Label	Ext.form.Label	Label
Numberfield	Ext.form.NumberField	Digital Editor
Radio	Ext.form.Radio	radio button
TextArea	Ext.form.TextArea	Multi-line text box
TextField	Ext.form.TextField	form text Box
Trigger	Ext.form.TriggerField	Trigger entry
CheckboxGroup	Ext.form.CheckboxGroup	Grouped multi-Marquee (Since 2.2)
Displayfield	Ext.form.DisplayField	Display only, non-verified/not submitted text boxes
Radiogroup	Ext.form.RadioGroup	Grouped radio buttons (Since 2.2)
Chart components:
Xtype	Class	Describe
Chart	Ext.chart.Chart	Chart components
Barchart	Ext.chart.BarChart	Bar chart
Cartsianchart	Ext.chart.CartesianChart
Columnchart	Ext.chart.ColumnChart
Linechart	Ext.chart.LineChart	Wiring diagram
Piechart	Ext.chart.PieChart	Fan chart
Data set Store:
Xtype	Class	Describe
Arraystore	Ext.data.ArrayStore
Directstore	Ext.data.DirectStore
Groupingstore	Ext.data.GroupingStore
Jsonstore	Ext.data.JsonStore
Simplestore	Ext.data.SimpleStore
Store	Ext.data.Store
Xmlstore	Ext.data.XmlStore