关于XTYPE

xtype : Ext.enums.Widget

这个属性为一个完整的类名提供了一个简化的短语表达形式。Item对象的完整语句如下所示：

 items: [ Ext.create('Ext.form.field.Text', { fieldLabel: 'Foo' }), Ext.create('Ext.form.field.Text', { fieldLabel: 'Bar' }), Ext.create('Ext.form.field.Number', { fieldLabel: 'Num' }) ]

使用xtype属性的表达形式：

 items: [ { xtype: 'textfield', fieldLabel: 'Foo' }, { xtype: 'textfield', fieldLabel: 'Bar' }, { xtype: 'numberfield', fieldLabel: 'Num' } ]

使用 Ext.container.AbstractContainer.defaultType 可以更简单的概括item对象中的xtype属性：

 defaultType: 'textfield', items: [ { fieldLabel: 'Foo' }, { fieldLabel: 'Bar' }, { fieldLabel: 'Num', xtype: 'numberfield' } ] 

I tems下的每一条数据都相当于一个配置对象，被用来创建一个实例。使用Ext.widget: 可以实例化一个对象。

 var text1 = Ext.create('Ext.form.field.Text', { fieldLabel: 'Foo' }); // or alternatively: var text1 = Ext.widget({ xtype: 'textfield', fieldLabel: 'Foo' });

可以使用Ext.define 创建一个xtype类。

You can define your own xtype on a custom component by specifyingthe xtype property in Ext.define. For example:

Ext.define('MyApp.PressMeButton', { extend: 'Ext.button.Button', xtype: 'pressmebutton', text: 'Press Me' });

注意当使用Ext.define 创建一个xtype类时，为避免重复，应使用以下三个属性：

Ext.define('Foo.form.CoolButton', { extend: 'Ext.button.Button', xtype: 'ux-coolbutton', text: 'Cool!' });

可用于 2.3.0及以上版本。