群里有人问如何在一个form表单里显示“姓名:李三”,但这并不是textfield类型而是默认值就这样显示问xtype该设为什么类型的值。本人对extjs基本不了解,也可以说啥都不知道,问了一下我们专门负责ext这一模块的同事,才知原来直接可以在:
items=[{html:'姓名:李三'}]。
网上搜了一下xtype,这篇不错,引自:http://www.hijava.org/js/ext-xtype-list
Ext2.0对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件,Ext组件是由 Component类定义,每一种组件都有一个指定的xtype属性值,通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。
组件大致可以分成三大类,即基本组件、工具栏组件、表单及元素组件。基本组件有:
xtype Class————- ——————box Ext.BoxComponent 具有边框属性的组件button Ext.Button 按钮colorpalette Ext.ColorPalette 调色板component Ext.Component 组件container Ext.Container 容器cycle Ext.CycleButtondataview Ext.DataView 数据显示视图datepicker Ext.DatePicker 日期选择面板editor Ext.Editor 编辑器editorgrid Ext.grid.EditorGridPanel 可编辑的表格grid Ext.grid.GridPanel 表格paging Ext.PagingToolbar 工具栏中的间隔panel Ext.Panel 面板progress Ext.ProgressBar 进度条splitbutton Ext.SplitButton 可分裂的按钮tabpanel Ext.TabPanel 选项面板treepanel Ext.tree.TreePanel 树viewport Ext.ViewPort 视图window Ext.Window 窗口
工具栏组件有—————————————toolbar Ext.Toolbar 工具栏tbbutton Ext.Toolbar.Button 按钮tbfill Ext.Toolbar.Fill 文件tbitem Ext.Toolbar.Item 工具条项目tbseparator Ext.Toolbar.Separator 工具栏分隔符tbspacer Ext.Toolbar.Spacer 工具栏空白tbsplit Ext.Toolbar.SplitButton 工具栏分隔按钮tbtext Ext.Toolbar.TextItem 工具栏文本项
表单及字段组件包含:—————————————form Ext.FormPanel Form面板checkbox Ext.form.Checkbox checkbox录入框combo Ext.form.ComboBox combo选择项datefield Ext.form.DateField 日期选择项field Ext.form.Field 表单字段fieldset Ext.form.FieldSet 表单字段组hidden Ext.form.Hidden 表单隐藏域htmleditor Ext.form.HtmlEditor html编辑器numberfield Ext.form.NumberField 数字编辑器radio Ext.form.Radio 单选按钮textarea Ext.form.TextArea 区域文本框textfield Ext.form.TextField 表单文本框timefield Ext.form.TimeField 时间录入项trigger Ext.form.TriggerField 触发录入项
可用的vtype列表:alpha,alphanum,email,url