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
Toolbar components
---------------------------------------
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 components
---------------------------------------
form Ext.FormPanel
checkbox Ext.form.Checkbox
combo Ext.form.ComboBox
datefield Ext.form.DateField
field Ext.form.Field
fieldset Ext.form.FieldSet
hidden Ext.form.Hidden
htmleditor Ext.form.HtmlEditor
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
分享到：
相关推荐
Ext 中的 xtype 和 vtype Ext 是一个功能强大的 JavaScript 框架，它提供了许多有用的组件和工具，使开发者可以快速构建复杂的 Web 应用程序。在 Ext 中，xtype 和 vtype 是两个非常重要的概念，它们分别用于定义...
Vtype是Ext JS中的一种内置验证机制，用于对表单字段的输入值进行简单的验证。通过为表单字段设置vtype属性，我们可以定义特定的验证规则，例如邮箱格式、手机号码等。在“登录”场景中，我们通常需要验证用户名和...
EXTJS 是一个流行的JavaScript框架，用于构建富...在EXTJS开发中，理解和熟练运用`xtype`、`Ext.QuickTips.init()`以及`vtype`能够帮助我们更高效地构建用户界面，提供更好的用户体验，同时确保数据的准确性和安全性。
通过阅读如"EXT 表单验证_journeylin_新浪博客.html"、"ExtJS中表单验证使用自定义vtype示例 - 芒果奶茶的日志 - 网易博客.mht"和"Ext表单验证 - 天行健的日志 - 网易博客.mht"这样的资源，你可以深入理解EXT表单...
4. **其他字段**: 除了上述字段外，还有名称、手机号和邮箱等字段，每个字段都有对应的验证规则，比如手机号必须符合特定格式(`vtype:"mphone"`)，邮箱必须是有效的邮箱地址(`vtype:"email"`). #### 字段集 字段集...
总的来说，`Ext.form.TextField`是EXT框架中不可或缺的一部分，它提供了一种简单且灵活的方式来创建和管理用户输入，是构建Web表单和交互界面的关键组件。通过研究这个示例，开发者可以更好地掌握EXT框架的使用，...
在ExtJS3框架中，`xtype`与`vtype`是两个关键的概念，它们分别用于组件类型的标识和表单验证规则的定义。本文将详细介绍`xtype`的使用，以及其在ExtJS3组件体系中的重要性。 #### xtype详解 `xtype`（扩展类型）是...
表单是任何Web应用中收集用户输入的关键部分，而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 首先，我们注意到描述中提到了一些常见的问题，如Grid不显示数据，这可能由于JSON数据格式错误...
Ext.form.TextField是Ext JS中的一个核心组件，它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段，如普通文本输入、密码输入、电子邮件地址输入等，通过设置不同的配置选项来满足不同的需求...
总的来说，EXT JS提供了丰富的组件和API，使得在Web应用中实现增删改查功能变得相对简单。开发者需要理解EXT JS的组件模型，熟练掌握`FormPanel`、事件监听和数据提交机制，以及与服务器端的交互流程，才能有效地...
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4，取出解压后的...
userForm = new Ext.FormPanel({ id:'conditionForm', labelWidth:'80', labelAlign:'right', border:false, bodyBorder:false, frame:true, items:[ layout:'column', items:[ { columnWidth:'.8', ...
- 若要创建自定义 `vtype`，需要提供正则表达式、输入掩码和错误消息。 - 示例：创建一个验证导演姓名的 `vtype`，要求由两个以大写字母开头的单词组成，单词间用空格分隔。 - 定义 `nameVal`, `nameMask` 和 `name...
在现代Web开发中，确保用户输入的有效性和安全性至关重要。Extjs作为一种强大的JavaScript框架，提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的表单验证机制，包括错误信息提示方式、...
在这个例子中，我们创建了一个窗口，并设置了一些基本属性，如标题、宽度和高度。窗口中包含了一个面板组件，面板内部显示了文本“Hello World!”。 ### 示例 2：使用网格视图展示数据 ```javascript Ext.create('...
表单中的 `xtype:'textfield'` 表示创建的是一个文本输入框，`vtype:'specialChar'` 可能是一个自定义验证类型，用于限制输入字符的特殊规则。`anchor:'80%'` 设置了控件在容器中的宽度占80%。此外，表单还包括了三...
在这个例子中，我们看到一个EXTJS的表单面板`Ext.FormPanel`被用来展示一个包含文本框、下拉列表和标签的布局。这个表单面板具有丰富的样式配置，例如`border`、`bodyBorder`和`frame`属性，使得表单看起来更加精致...
在"Extjs页面验证"这个主题中，我们主要关注的是如何在ExtJS应用中实现用户输入的验证，确保数据的准确性和安全性。这在任何Web应用中都是至关重要的，因为有效的验证可以防止无效数据的提交，提高用户体验，同时...
在实际应用中，将大型系统划分为多个小的、独立的模块是非常必要的。这样做不仅有助于代码的组织和管理，还能够提高系统的可扩展性和可维护性。 ##### 模块设计原则 1. **单一职责原则**：每个模块应该只负责一种...
在EXTJS中，时间范围选择自动判断是一种常见的需求，特别是在数据筛选或日程安排等场景。这个功能确保用户选择的结束日期不会早于开始日期，从而避免逻辑错误。以下是如何在EXTJS中实现这一功能的详细步骤： 1. **...