可用的xtype列表
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属性，我们可以定义特定的验证规则，例如邮箱格式、手机号码等。在“登录”场景中，我们通常需要验证用户名和...
EXT表单验证是EXT JS框架中的一个重要特性，用于在用户输入数据时确保数据的正确性和完整性。EXT JS是一个强大的JavaScript库，专为构建富客户端Web应用程序而设计。它提供了丰富的组件库，包括表格、表单、菜单等，...
EXTJS 是一个流行的JavaScript框架，用于构建富...在EXTJS开发中，理解和熟练运用`xtype`、`Ext.QuickTips.init()`以及`vtype`能够帮助我们更高效地构建用户界面，提供更好的用户体验，同时确保数据的准确性和安全性。
2. **配置项**：`Ext.form.TextField`支持多种配置项来定制其行为和外观，如`fieldLabel`（字段标签）、`name`（字段名，用于数据绑定）、`width`（宽度）、`maxLength`（最大字符数）等。 3. **验证**：EXT提供了...
4. **其他字段**: 除了上述字段外，还有名称、手机号和邮箱等字段，每个字段都有对应的验证规则，比如手机号必须符合特定格式(`vtype:"mphone"`)，邮箱必须是有效的邮箱地址(`vtype:"email"`). #### 字段集 字段集...
Ext.form.TextField是Ext JS中的一个核心组件，它允许用户在表单中输入单行文本。这个组件可以用于创建各种类型的输入字段，如普通文本输入、密码输入、电子邮件地址输入等，通过设置不同的配置选项来满足不同的需求...
表单是任何Web应用中收集用户输入的关键部分，而Ext JS提供了一套完整的工具来帮助开发者创建、验证和提交表单数据。 首先，我们注意到描述中提到了一些常见的问题，如Grid不显示数据，这可能由于JSON数据格式错误...
在ExtJS3框架中，`xtype`与`vtype`是两个关键的概念，它们分别用于组件类型的标识和表单验证规则的定义。本文将详细介绍`xtype`的使用，以及其在ExtJS3组件体系中的重要性。 #### xtype详解 `xtype`（扩展类型）是...
总的来说，EXT JS提供了丰富的组件和API，使得在Web应用中实现增删改查功能变得相对简单。开发者需要理解EXT JS的组件模型，熟练掌握`FormPanel`、事件监听和数据提交机制，以及与服务器端的交互流程，才能有效地...
var tab2 = new Ext.FormPanel({ labelAlign: 'top', title: 'Inner Tabs', bodyStyle:'padding:5px', width: 1000, items: [{ layout:'column', border:false, items:[{ columnWidth:.5, layout: 'form'...
regex: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/, regexText: '必须是合适的IP地址', anchor: '90%' } `...
userForm = new Ext.FormPanel({ id:'conditionForm', labelWidth:'80', labelAlign:'right', border:false, bodyBorder:false, frame:true, items:[ layout:'column', items:[ { columnWidth:'.8', ...
2. **ext-base.js** - 包含 EXTJS 的核心功能，相当于整个框架的基础和引擎。可以通过修改此文件来集成其他库，例如 jQuery，以实现与 EXTJS 的协同工作。 3. **ext-all-bug.js / ext-all.js** - 这两个文件包含了...
2. **布局管理**：ExtJS 提供了多种布局方式，如 `FitLayout`、`BorderLayout` 和 `CardLayout` 等，可以帮助开发者轻松地管理和调整界面布局。 3. **数据绑定**：ExtJS 支持数据绑定，可以方便地将数据模型与视图...
表单中的 `xtype:'textfield'` 表示创建的是一个文本输入框，`vtype:'specialChar'` 可能是一个自定义验证类型，用于限制输入字符的特殊规则。`anchor:'80%'` 设置了控件在容器中的宽度占80%。此外，表单还包括了三...
在这个例子中，我们看到一个EXTJS的表单面板`Ext.FormPanel`被用来展示一个包含文本框、下拉列表和标签的布局。这个表单面板具有丰富的样式配置，例如`border`、`bodyBorder`和`frame`属性，使得表单看起来更加精致...
在"Extjs页面验证"这个主题中，我们主要关注的是如何在ExtJS应用中实现用户输入的验证，确保数据的准确性和安全性。这在任何Web应用中都是至关重要的，因为有效的验证可以防止无效数据的提交，提高用户体验，同时...
在实际应用中，将大型系统划分为多个小的、独立的模块是非常必要的。这样做不仅有助于代码的组织和管理，还能够提高系统的可扩展性和可维护性。 ##### 模块设计原则 1. **单一职责原则**：每个模块应该只负责一种...
在EXTJS中，时间范围选择自动判断是一种常见的需求，特别是在数据筛选或日程安排等场景。这个功能确保用户选择的结束日期不会早于开始日期，从而避免逻辑错误。以下是如何在EXTJS中实现这一功能的详细步骤： 1. **...