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 与组件的一一对应关系

ExtJs xtype的使用相关推荐

ExtJs:xtype的含义
转自:http://www.cnblogs.com/timy/archive/2010/08/13/1799111.html ExtJs:xtype的含义根据我在EXT论坛上的观察,xtype用起来 ...
ExtJS xtype class对照表
[转]ExtJs中可用的xtype Posted on 2009-04-16 16:36 巴斯光年阅读(714) 评论(0) 编辑收藏所属分类: JS, ExtJS xtype ...
ExtJs xtype一览
基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton ...
extjs xtype 类型
xtype Class 基本组件: box Ext.BoxComponent 具有边框 ...
ExtJS4.2学习(11)——高级组件之Grid
大纲: 1.首先,搭建起来一个最基础的Grid组件: 2.其次,利用前边MVC架构将代码重构: 3.再者,介绍下Grid的一些特性. 一.搭建基础的Grid组件在文章的开始,我们首先简单的搭建一个G ...
日期 html 布局,datepicker
android 的DatePicker怎么取出年月日的值这是一个Android原生的控件,一个日期控件,如你所说,有年月日第一步: 获取DatePicker的控件 DatePicker mDat ...
ExtJs中的xtype
论坛很多人都在谈论ExtJs的内存泄露的问题,可是我发现在ExtJs官方论坛上这样的讨论很少,不明白其中原因.今天偶然的点击的spket的extension生成模板,注意到了官方推荐的自定义组件的开发 ...
ExtJS中xtype 概览
基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton ...
ExtJS的xtype列表
为什么80%的码农都做不了架构师?>>> xtype Class 基本组件: box ...

ExtJs xtype的使用

ExtJs xtype的使用相关推荐

最新文章

热门文章