This is the list of all valid xtypes:
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
propertygrid Ext.grid.PropertyGrid
slider Ext.Slider
splitbutton Ext.SplitButton
statusbar Ext.StatusBar
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
label Ext.form.Label
numberfield Ext.form.NumberField
radio Ext.form.Radio
textarea Ext.form.TextArea
textfield Ext.form.TextField
timefield Ext.form.TimeField
trigger Ext.form.TriggerField
分享到:
相关推荐
在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义组件的类型和验证规则。 xtype 是 Ext 中的一种组件类型,它定义了组件的行为和外观。Ext 提供了许多内置的 xtype,例如 button、textfield、...
Ext JS还提供了检查Xtype的方法,如`getXType`和`isXType`,用于确定一个组件的类型或验证组件是否为某种类型。这对于动态决定组件的行为或样式非常有用。 综上所述,Xtype是Ext JS框架中组件管理和实例化的基石。...
- `numberfield`: 数字输入框,验证输入为数字。 - `radio`: 单选按钮,用于选择单个选项。 - `textarea`: 多行文本输入框,用于长文本输入。 - `textfield`: 文本输入框,用于单行文本输入。 - `trigger`: ...
通过配置`field.xtype`为`textfield`的`allowBlank`属性和`blankText`,以及`remote`属性,可以实现AJAX请求到服务器进行验证。 7. **验证事件**:EXT表单提供了多个与验证相关的事件,如`validitychange`、`...
`xtype`是EXTJS中组件的简写形式,可以理解为组件的标识符,用于创建组件实例时引用已定义的组件类。通过使用`xtype`,开发者可以简化代码,减少重复,并提高代码的可读性和维护性。 例如,当你想要创建一个按钮,...
本篇文章将详细讲解如何利用Ext JS的Vtype(验证类型)来实现登录表单的验证功能。Ext JS是一个强大的JavaScript框架,提供了丰富的组件和功能,包括复杂的表单验证机制。 首先,理解Vtype的概念。Vtype是Ext JS中...
- **主要用途**:用于创建和管理表单,支持数据验证和提交。 **2.17 Checkbox (Ext.form.Checkbox)** - **xtype**: `checkbox` - **功能描述**:Checkbox 是一个复选框控件,用户可以通过勾选来选择或取消选择。 -...
'LoginForm': {extend: 'Ext.container.Container', xtype: 'loginform'} }, launch: function() { Ext.create('LoginForm', { renderTo: Ext.getBody(), items: [{ xtype: 'textfield', fieldLabel: '...
这些事件可以用来处理选择状态的改变,如验证用户选择、更新其他组件的状态等。 6. **实际项目中的应用** 在实际项目中,ComboboxTree可以广泛应用于数据选择场景,比如在用户权限分配、产品分类选择、地区选择等...
综上所述,这个实例展示了如何在Ext中创建一个完整的表单,包括表单的布局、字段的定义及验证、按钮及事件处理等多个方面。对于初学者来说,这是一个很好的学习资源,可以帮助他们快速掌握如何使用Ext构建复杂的Web...
在本文中,我们将深入探讨如何使用EXT Java技术创建一个登录案例。EXT Java是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。它提供了丰富的组件库,包括数据网格、表单、图表等,使得开发者能够轻松...
11. **错误提示**: 当验证失败时,可以使用`Ext.MessageBox`展示错误消息。 示例代码可能如下: ```javascript Ext.application({ name: 'LoginApp', launch: function () { Ext.create('Ext.container....
- `displayfield`:`Ext.form.DisplayField`,只读显示,不参与验证和提交的文本字段。 - `radiogroup`:`Ext.form.RadioGroup`,自2.2版本起,用于组织多个单选按钮的组件。 6. **图表组件** - `chart`:`Ext....
可以扩展`Ext.form.VTypes`对象来添加自定义的验证方法。例如,定义一个验证整数的函数: ```javascript Ext.apply(Ext.form.VTypes, { integer: function(val, field) { var exp = /^([1-9]\d{0,7}|0)$/; return...
3. **验证**:EXT提供了内置的验证功能,可以设置`vtype`属性来进行简单的类型验证,比如邮箱、电话号码等。例如,验证邮箱格式: ```javascript var emailField = new Ext.form.TextField({ fieldLabel: '邮箱', ...
在Ext JS中,控件是指用来构建用户界面的基本元素,包括按钮、文本框、下拉列表等。了解并熟练掌握这些控件对于开发高质量的Web应用至关重要。通过合理组合各种控件,可以创建出功能丰富且用户友好的界面。 ### 二...
在Web开发领域,Ext JS是一个强大的JavaScript库,用于构建数据驱动的富客户端应用程序。它提供了丰富的用户界面组件,包括各种表单元素。本篇我们主要关注"Ext表单组件之textField",它是最基础也是最常用的输入...
Ext3 查询框是一种在Web应用中常见的用户交互组件,它主要用在EXT JavaScript库中,EXT是一个用于构建富客户端Web应用的开源框架。EXT3是EXT库的一个版本,它提供了丰富的UI组件和数据绑定功能,使得开发者能够创建...