`

ExtJs可用的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          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 触发录入项

分享到:
评论

相关推荐

    extjs中的xtype的所有类型介绍

    ExtJS 中的 xtype.typename 介绍 ExtJS 中的 xtype 是一个非常重要的概念,它用于定义组件的类型,从而确定组件的行为和样式。xtype 是 ExtJS 的核心组件之一,它提供了大量的组件类型,满足不同场景下的需求。 ...

    extjs的xtype class对照表

    在ExtJS中,`xtype` 是组件(Component)的标识符,它定义了组件的类型。`xtype` 类似于HTML中的元素标签,但针对ExtJS的组件体系。它们是轻量级的,用于创建组件实例时引用预定义的组件类。`xtype` 与对应的`class`...

    ExtJs_xtype一览

    在ExtJs框架中,`xtype`是一种用于标识组件类型的字符串,它定义了组件的类。这个特性使得在创建UI时能够简洁地指定组件的类型,而无需直接实例化具体的类。以下是一些主要的`xtype`及其对应的组件类和功能的详细...

    extjs xtype

    在EXTJS中,`xtype`是一个关键的概念,它用来定义组件的类型或类。`xtype`是EXTJS中组件的简写形式,可以理解为组件的标识符,用于创建组件实例时引用已定义的组件类。通过使用`xtype`,开发者可以简化代码,减少...

    ExtJs xtype一览

    ### ExtJs xtype一览 在ExtJs框架中,`xtype`是用于定义组件类型的扩展类型。这是一种简化的组件标识方式,使得开发者可以更方便地在配置文件或代码中指定组件类型,而无需完整地写出对应的类名。下面,我们将根据...

    ExtJS的xtype列表

    `xtype` 是ExtJS中的一个重要概念,它是组件类的简写形式,用于在配置对象中声明组件类型,使得代码更加简洁。理解并掌握ExtJS的各种`xtype`可以帮助开发者快速构建复杂的用户界面。 1. **基本组件**: - `button`...

    ExtJS xtype class对照表

    ExtJS xtype class对照表

    extJs xtype 类型

    ### ExtJS xtype 类型概述 在ExtJS框架中,`xtype`是一种用于标识特定组件类型的简短字符串,便于在配置对象中快速定义组件。本文将深入探讨ExtJS中的各种`xtype`类型,帮助开发者更好地理解并运用这些组件。 ####...

    Extjs xtype集合

    ### Extjs xtype集合详解 #### 一、基本概念与背景 在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,...

    extjs 必填项目加*

    extjs 必填项目加*

    EXTJS讲解个人项目经历

    每个EXTJS组件都有一个唯一的xtype属性,用于标识组件的类型。这使得在配置文件中可以通过xtype来创建和引用组件,而不是直接实例化。 7. **EXTJS组件分类**: - **基本组件**:如Box、Button、Panel、Progress ...

    EXtjs 图片批量上传

    xtype: 'filefield', name: 'images', fieldLabel: '选择图片', allowMultiple: true, buttonOnly: true, buttonText: '浏览' }] ... }); ``` 接着,我们需要监听`change`事件,当用户选择文件后,可以读取...

    extjs资料大全

    - `ExtJs_xtype一览(转载).doc`:XType是ExtJS中定义组件类型的方式,这份文档可能详列了各种预定义的组件类型,帮助开发者快速查找和理解。 - `Ext常用属性总结.doc`:总结了ExtJS中常用的组件属性,对理解和配置...

    EXTJS 自定义combo控件

    xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法

    Extjs4使用要点个人整理

    5. **xtype列表**:`Extjs xtype列表.docx`可能列出所有可用的xtype,这是ExtJS中组件的类型标识符,用于快速创建特定类型的组件,如panel、grid等。 6. **JSONStore加载Web服务返回的JSON数据**:`Ext4 JSONStore...

    Extjs5.0 Mini 轻量级 使用方式概述 引用讲解 Extjs5.0 gray

    ExtJS 是一个强大的JavaScript应用程序框架,专用于构建富客户端Web应用。在5.0版本中,它提供了一个轻量级的版本,称为“Mini”,旨在减少应用的体积,提高加载速度,尤其适合对性能有较高要求或者需要快速开发的...

    ExtJS icons(5000个extjs小图标).zip

    ExtJS是一款广泛应用于开发富互联网应用(Rich Internet Applications, RIA)的JavaScript框架。它提供了大量的组件、功能和工具,使开发者能够构建交互性强、视觉效果丰富的Web应用程序。在这个"ExtJS icons(5000...

    EXTjs 文件上传(可用)

    xtype: 'filefield', name: 'uploadFile', fieldLabel: '选择文件', labelWidth: 50, msgTarget: 'side', allowBlank: false, anchor: '100%', buttonOnly: true, buttonText: '浏览...' }], // 其他表单...

    界面框架extjs学习笔记

    EXTJS的组建基于Component类,每个组件都有一个xtype属性来标识其类型。在使用EXTJS之前,理解其目录结构、所需引入的文件以及如何配置基础设置至关重要。此外,还要注意浏览器加载页面的差异,特别是对于Web 2.0...

    EXTJS修改颜色实例源码

    - 在实例中,`fieldLabel` 定义了字段的标签,`xtype` 设置为 `'combo'` 表示这是一个下拉框,`triggerAction` 设置为 `'all'` 表示按下触发器按钮时将显示完整列表。 - `anchor` 用于控制组件的宽度,`store` 是...

Global site tag (gtag.js) - Google Analytics