Ext xtype类型

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 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 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

Ext的每个组件都是有一个指定的Xtype属性值,通过该值就可以得到该组件的类型,同时也可以根据该组件来定义一个组件 例如:

{xtype:"button",id:"btnEnter",text:"确定"} //这就是定义了一个按钮的组件.

{xtype:"field",id:"txtName"} //这就是定义了一个输入框的组件.

{xtype:"field",id:"txtPwd",inputType:"password"} //这就是定义了一个密码框的组件.

当然你可以不用xtype 比如:

var btnEnter = new Ext.Button({id:"btnEnter",text:"确定"} );//这就是定义了一个按钮的组件.

var txtName = new Ext.form.Textfield({id:"txtName"} );//这就是定义了一个输入框的组件.

var txtPwd = new Ext.form.Textfield({id:"txtPwd",inputType:"password"} );//这就是定义了一个密码框的组件.