DelphiFAQ Home Search:

List of all control types in extjs

 

comments29 comments. Current rating: 5 stars (16 votes). Leave comments and/ or rate it.

Question:

Is there somewhere a list of all valid values for the xtype attribute?

Answer:

Yes, it is deep in extjs's documentation. The following is a list of all xtypes combined with the matching class that you instantiate.

xtype            Class
-------------    ------------------
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
propertygrid     Ext.grid.PropertyGrid
slider           Ext.Slider
splitbutton      Ext.SplitButton
statusbar        Ext.StatusBar
tabpanel         Ext.TabPanel
treepanel        Ext.tree.TreePanel
viewport         Ext.Viewport
window           Ext.Window

Toolbar components
---------------------------------------
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 components
---------------------------------------
form             Ext.FormPanel
checkbox         Ext.form.Checkbox
combo            Ext.form.ComboBox
datefield        Ext.form.DateField
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
textarea         Ext.form.TextArea
textfield        Ext.form.TextField
timefield        Ext.form.TimeField
trigger          Ext.form.TriggerField

Content-type: text/html

Comments:

You are on page 2 of 2, other pages: 1 [2]
2012-06-29, 12:26:38
Nathaniel@TundraBlue.com from United States  
rating
Just ran this script against version 3.3:

var coll = {};
function FindAllXTypes(obj, depth) {
if (depth == 0) return;
try {
for (var key in obj) {
try {
if (key == 'xtype') coll[obj[key]] = true;
else if (key != 'searched' && obj[key] && (typeof obj[key] == 'object' || typeof obj[key] == 'function')) FindAllXTypes(obj[key], depth - 1);
} catch (ex) { }
}
}
catch (ex) {
var t = ex;
}
}
FindAllXTypes(Ext, 6);
var sb = [];
for (var key in coll) sb.push(key);
alert(sb.join('\n'));

Here is the list xtypes:

store
simplestore
jsonstore
xmlstore
groupingstore
directstore
component
box
spacer
container
viewport
panel
editor
colorpalette
datepicker
slider
progress
window
dataview
listview
tabpanel
button
splitbutton
cycle
toolbar
buttongroup
paging
tip
tooltip
quicktip
flash
form
checkbox
grid
pivotgrid
editorgrid
propertygrid
lvcolumn
lvnumbercolumn
lvdatecolumn
lvbooleancolumn
treepanel
field
textfield
trigger
textarea
numberfield
datefield
displayfield
combo
checkboxgroup
compositefield
radio
radiogroup
hidden
fieldset
htmleditor
timefield
sliderfield
label
menu
menubaseitem
menutextitem
menuseparator
menuitem
menucheckitem
datemenu
colormenu
propertytree
uxcolorfield
uxspinner
uxspacer
multiselect
itemselector
chart
piechart
cartesianchart
linechart
columnchart
stackedcolumnchart
barchart
stackedbarchart
tbitem
tbseparator
tbspacer
tbfill
tbtext
tbbuttonton
tbsplit
multislider
2012-07-10, 05:49:57
Sagar Alias Jackey from India  
Fantastic
2012-08-28, 06:29:32
Wolfie from Poland  
rating
I like this, very helpfull, viewing this at least twice a week, best regards and thanks :)
2012-08-29, 05:42:15
anonymous from Pakistan  
rating
quite helping. Good effort
2012-10-16, 22:13:11
anonymous from United States  
this is only a partial list. there are many more. i am also having trouble to find the full list.
2012-10-24, 07:35:33
anonymous from Moldova  
rating
Exactly what I need :D
2012-11-16, 04:21:58
anonymous from Germany  
rating
useful, thanks
2013-09-05, 08:35:52   (updated: 2013-09-05, 08:36:57)
anonymous from Bangalore, India  
rating
Very Nice
2013-10-31, 04:09:31
anonymous from Jakarta, Indonesia  
rating
goodddd
2014-10-14, 11:37:26
[hidden] from Argentina  
rating
2014-10-14, 11:37:26
[hidden] from Argentina  
rating
Excelente
2014-10-14, 11:38:07
[hidden] from Argentina  
Muy Bueno
2015-02-12, 14:52:37
Ugluk from Chile  
very good, thanks!!!
2015-07-25, 00:35:41
anonymous from Lahore, Pakistan  
rating
'Nice Collection very handy'
You are on page 2 of 2, other pages: 1 [2]

 

 

NEW: Optional: Register   Login
Email address (not necessary):

Rate as
Hide my email when showing my comment.
Please notify me once a day about new comments on this topic.
Please provide a valid email address if you select this option, or post under a registered account.
 

Show city and country
Show country only
Hide my location
You can mark text as 'quoted' by putting [quote] .. [/quote] around it.
Please type in the code:

Please do not post inappropriate pictures. Inappropriate pictures include pictures of minors and nudity.
The owner of this web site reserves the right to delete such material.

photo Add a picture: