ExtJs xtype的使用

xtype可作为Ext控件的简写，都会对应一个Ext控件。当然这里你也可以自定义这个xtype，通过自定义的Ext控件来绑定，主要由Ext.reg方法去注册xtype。

我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个组件或需要写许多的 ExtJs 相关代码时就更值得推荐。
两种形式的写法如下：

items[

    new Ext.form.TextField({fieldLabel:'姓名', id:'name', width:120}),

    new Ext.form.TextField({fieldLabel:'密码', id:'passwd', inputType:'password', width:120}),

    new Ext.form.DateField({fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120})

]

//替换成用 xtype 写法就如下(似乎只是免去了很多的 new …)

items[

    {xtype:'textfield', fieldLabel:'姓名', id:'name', width:120},

    {xtype:'textfield', fieldLabel:'密码', id:'passwd', inputType:'password', width:120},

    {xtype:'datefield', fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120}

]

下面介绍下ExtJs xtype 与 组件 的一一对应关系