• ExtJs 中 xtype 与组件类的对应表

    calendar Jul 16, 2009   ---   · 4 min read · javascript ExtJs xtype  ·
    Share on: linkedin copy
    我们在使用 ExtJs 创建组件时最容易理解的当然是用
     
    new Ext.form.TextField({fieldLabel:'姓名', id:'name',width:120})；

    我们还可以直接用 xtype(比如 TextField 对应的 xtype 是 textfield) 的对象形式来创建组件，比如在面板的 items 属性中，尤其是多个组件或需要写许多的 ExtJs 相关代码时就更值得推荐。我们来对照如下形式就知道了：
     1items[
 2    new Ext.form.TextField({fieldLabel:'姓名', id:'name', width:120}),
 3	new Ext.form.TextField({fieldLabel:'密码', id:'passwd', inputType:'password', width:120}),
 4	new Ext.form.DateField({fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120})
 5]
 6//替换成用 xtype 写法就如下(似乎只是免去了很多的 new ...)
 7items[
 8    {xtype:'textfield', fieldLabel:'姓名', id:'name', width:120},
 9	{xtype:'textfield', fieldLabel:'密码', id:'passwd', inputType:'password', width:120},
10	{xtype:'datefield', fieldLabel:'生日', id:'birth', format:'Y年m月d日', width:120}
11]
    Read More