`
lijunlong
  • 浏览: 20656 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • rxin2009: lz你这样就可以看到局部变量的值呢?或者是方法参数的名称?? ...
    HashMap的resize
阅读更多
Ext2.0中xtype
2008-06-19 01:40

Ext2.0对框架进行了非常大的重构,其中最重要的就是形成了一个结构及层次分明的组件体系,由这些组件形成了Ext的控件,Ext组件是由 Component类定义,每一种组件都有一个指定的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 触发录入项
分享到:
评论

相关推荐

    Ext中xtype和vtype.

    Ext 中的 xtype 和 vtype Ext 是一个功能强大的 JavaScript 框架,它提供了许多有用的组件和工具,使开发者可以快速构建复杂的 Web 应用程序。在 Ext 中,xtype 和 vtype 是两个非常重要的概念,它们分别用于定义...

    Ext js Xtype

    ### Ext JS Xtype详解 在深入探讨Ext JS的Xtype之前,我们首先了解其核心概念。Ext JS是一个功能丰富的JavaScript框架,用于构建交互式的Web应用程序。它提供了大量的UI组件,这些组件都遵循一定的生命周期,包括...

    extcombox搜索功能

    在ExtJS中,`Ext.form.field.ComboBox`(简称ComboBox)是一种常用的控件,它提供了一个下拉列表,用户可以在其中选择一个或多个项目。这个控件在数据展示和用户交互方面具有广泛的应用,特别是在需要进行快速筛选和...

    EXT中xtype的含义分析

    除了类名外,你还可以这样登记类的xtype: Ext.reg(‘mygrid’, Ext.ux.MyGrid); 其中xtype 是 mygrid 而类名的一般形式是Ext.ux.MyGrid。上面的语句登记了新的xtype,换种说法说,xtype mygrid 与类 Ex

    Ext-datatimefield日期与时间选择器精确至时分秒

    1.此控件支持Ext3.2及以上版本 2.用法与Ext.form.DateField一样,xtype:'datetimefield' 3.不需要导入css或其他js 4.解决某些插件导入会显示对象未定义问题

    ExtJS的xtype列表

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

    extjs xtype

    例如,当你想要创建一个按钮,你可以使用`xtype: 'button'`来表示你将使用`Ext.Button`类。这样,EXTJS会自动根据指定的`xtype`创建对应的组件实例。以下是一些EXTJS中常见的`xtype`及其对应的组件: 1. `box` - `...

    Ext组件描述,各个组件含义

    ### Ext组件概述与详解 #### 一、Ext基础组件 **1.1 Box Component (Ext.BoxComponent)** - **xtype**: `box` - **功能描述**:Box Component 是一个非常基本的 Ext 组件,主要用于定义具有边框和其他布局属性的...

    Ext官方中文教程(可打包下载)

    xtype的含义 扩展Ext中的组件 扩展与插件之间的区别 扩展Ext的新手教程 Ext的类继承 从源码生成Ext 基础用法: DomQuery基础 Ext中的事件 简述模板 模板(Templates)的函数 教你创建Ext UI控件 事件的处理 Ext...

    ext里可以选择年月日时分秒的控件

    在EXT(Ext JS)这个强大的JavaScript框架中,时间控件是一种常见的组件,用于用户界面中进行日期和时间的选择。EXT提供了多种这样的控件,其中一种是能够选择年、月、日、时、分、秒的高级时间选择器。标题中的"ext...

    extJs xtype 类型

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

    Extjs xtype集合

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

    ExtJs xtype一览

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

    Ext 添加功能form表单实例

    根据给定的信息,本文将详细解释“Ext 添加功能form表单实例”的知识点,这主要针对Ext初学者。本文会从创建表单、字段定义、验证规则以及提交逻辑等方面进行深入探讨。 ### Ext 添加功能form表单实例 #### 表单...

    extjs的xtype class对照表

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

    ext-base.js

    xtype: 'panel', html: '这是EXT的第一个窗口!' }] }).show(); } }); ``` 四、EXT的CSS文件 EXT框架中的CSS文件与"ext-base.js"紧密配合,用于定义组件的样式和视觉效果。EXT提供了默认的CSS样式,但开发者...

    Ext开发文档(入门)

    xtype: 'panel', title: '我的EXT应用', html: '欢迎使用EXT!' }] }); } }); ``` **二、EXT开发文档** EXT的开发文档是学习EXT的重要资源,它包含了详细的API参考、教程和示例。以下是一些关键部分: 1....

    ExtJs_xtype一览

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

Global site tag (gtag.js) - Google Analytics