18 十一月 2009
0
xtype Class
基本组件：</strong>
box Ext.BoxComponent 具有边框属性的组件
button Ext.Button 按钮
colorpalette Ext.ColorPalette 调色板</p>
component Ext.Component 组件
container Ext.Container 容器
cycle Ext.CycleButton
dataview Ext.DataView 数据显示视图
datepicker Ext.DatePicker 日期选择面板
editor Ext.Editor 编辑器</p>
editorgrid Ext.grid.EditorGridPanel 可编辑的表格
grid Ext.grid.GridPanel 表格
paging Ext.PagingToolbar 工具栏中的间隔</p>
panel Ext.Panel 面板
progress Ext.ProgressBar 进度条</p>
splitbutton Ext.SplitButton 可分裂的按钮
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树</p>
viewport Ext.ViewPort 视图
window Ext.Window 窗口
工具栏组件：
toolbar Ext.Toolbar 工具栏</p>
tbbutton Ext.Toolbar.Button 按钮
tbfill Ext.Toolbar.Fill 文件
tbitem Ext.Toolbar.Item 工具条项目</p>
tbseparator Ext.Toolbar.Separator 工具栏分隔符
tbspacer Ext.Toolbar.Spacer 工具栏空白</p>
tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮</p>
tbtext Ext.Toolbar.TextItem 工具栏文本项
表单及字段组件：
form Ext.FormPanel Form 面板
checkbox Ext.form.Checkbox checkbox 录入框</p>
combo Ext.form.ComboBox combo 选择项</p>
datefield Ext.form.DateField 日期选择项</p>
field Ext.form.Field 表单字段
fieldset Ext.form.FieldSet 表单字段组</p>
hidden Ext.form.Hidden 表单隐藏域</p>
htmleditor Ext.form.HtmlEditor html 编辑器</p>
numberfield Ext.form.NumberField 数字编辑器</p>
radio Ext.form.Radio 单选按钮</p>
textarea Ext.form.TextArea 区域文本框</p>
textfield Ext.form.TextField 表单文本框</p>
timefield Ext.form.TimeField 时间录入项</p>
trigger Ext.form.TriggerField 触发录入项</p>
分享到：
相关推荐
ExtJs xtype一览ExtJs xtype一览ExtJs xtype一览
ExtJS xtype class对照表
有关于ext的xtype，Ext.QuickTips.init()，几种extjs的vtype默认支持的验证
只是简单的了解加入组件的数据类型：例如 textfield 就是有标签的文本框，用户名：XXX XXX代表文本框。
extjs 开发中遇到的xtype值，此文挡包含了extjs中的全部xtype值
extjs中的xtype的所有类型介绍
里面包含了所有extjs的一些xtype的class的对照说明
extjs 常用vtype 代码 Ext.VTyps常用vtype大全！
extjs 必填项目加*
xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称，默认null //公共方法 getJXValue():返回自定义字段的值，如果没有自定义字段，则等价Ext.form.Combo类的getValue()方法
中英文对照，理解更容易，是一个不错的参考文档
ExtJs3下拉树 分两种方式调用：第一种： xtype : 'combotree', name : 'dm', fieldLabel : 'dm', tree : this.ct this.ct = new Ext.tree.TreePanel({ autoScroll : true, height : 250, border : false, ...
7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor 7.3 ExtJS表单组件的综合应用 第8章 设计表格类布局 8.1 表格简介 8.1.1 表格的基本属性 8.1.2 制作第一个表格...
ExtJs原生批量上传 + 实时进度 Ext.define('MyApp.ux.upload.UploadWindow', { extend: 'Ext.window.Window', height: 400, width: 700, title: '文件上传', closeAction: 'hide', maximizable: true, ...
{xtype:"fieldset", width:500, labelAlign:"right", labelWidth:70, title:"个人信息" , collapsible:true, autoHeight:true, defaultType:"textfield", items:[ {fieldLabel:"姓名", //width:250, //...
Ext5.1或Ext6.0测试通过。 拷贝文件： 将DateTimeField.js 和 DateTimePicker.js放在ext/src/ux目录下 页面引用 ... xtype:'datetimefield', reference:'dateTimeText', format:"Y-m-d H:i:s" }
xtype:'textField', //xtype可以分为三类,textField为表单域的控件 fieldLabel:'用户编码*</font>',//控件前的文本说明 labelSeparator:'', blankText : '填写用户编码', //为空的文本框提示信息 allowBlank:...
ExtJS3.3版本中Window存在BUG，如下代码： Ext.onReady({ var _window = new Ext.Window({ title:"测试窗体", layout:"form", width:300, plain:true, items:{ xtype:"textfield", ...
EXTJS5 日期时分秒控件，直接引用到程序中使用。网上有很多extjs4版本的和EXTJS5不...{labelWidth:60,width: 220,name:'mydate',fieldLabel: '日期',allowBlank: false,xtype: 'datetimefield',format:"Y-m-d H:i:s"}