Ext中的vtype和xtype

最新推荐文章于 2017-03-24 20:19:44 发布

原创

最新推荐文章于 2017-03-24 20:19:44 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ext #extjs #表单

本文介绍了ExtJS中xtype和vtype的概念及其用途。xtype用于声明组件类型，如box、button、grid等，实现延迟渲染。而vtype则常用于表单字段的验证，例如alpha、alphanum、email和url等。此外，文章还提到了自定义vtype的方法，并提醒在使用vtype验证时需调用Ext.QuickTips.init()以确保错误提示的正常显示。

xtype会自动使用“延迟渲染”，这一点是和使用new直接创建组件最大的区别

xtype 类 Class

-------------    ------------------
box              Ext.BoxComponent
button           Ext.Button
colorpalette     Ext.ColorPalette
component        Ext.Component
container        Ext.Container
cycle            Ext.CycleButton
dataview         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