`
xiang37
  • 浏览: 428147 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

[转]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

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

    extJs xtype 类型

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

    ExtJs xtype一览

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

    ExtJS xtype class对照表

    ExtJS xtype class对照表

    extjs的xtype class对照表

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

    ExtJS的xtype列表

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

    Extjs xtype集合

    在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,开发者可以方便地构建出各种复杂的用户界面而无需编写大量...

    ExtJs_xtype一览

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

    extjs中文api

    这是ExtJS中的核心类之一,用于定义和管理整个应用,包括启动、配置、管理组件树等关键任务。 #### 二、事件处理机制与代码示例 在ExtJS中,事件处理是非常重要的一个方面,它使得用户可以与页面元素进行交互。...

    EXtjs 图片批量上传

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一整套组件和工具,包括表格、窗体、菜单等,帮助开发者创建功能丰富的、交互式的用户界面。本教程将深入探讨如何在ExtJS中...

    EXTJS讲解个人项目经历

    这使得在配置文件中可以通过xtype来创建和引用组件,而不是直接实例化。 7. **EXTJS组件分类**: - **基本组件**:如Box、Button、Panel、Progress Bar等,它们是构建复杂UI的基础。 - **工具栏组件**:如Toolbar...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    Extjs中常用表单介绍与应用

    在ExtJS中,xtype用于声明表单组件的类型。当你使用items来向表单面板添加组件时,可以通过xtype来指定具体的控件类型。例如,如果你想在表单中添加一个文本输入框,可以使用`xtype: 'textfield'`。常见的xtype包括...

    extjs中的formPanel以及表单的应用

    ExtJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。FormPanel 是 ExtJS 中的一个核心组件,用于创建和处理表单元素,包括输入字段、按钮、选择框等。它提供了丰富的...

    EXTjs 文件上传(可用)

    EXTjs 是一个强大的JavaScript库,专门用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。Strut2,则是基于MVC模式的Java Web框架,它简化了开发过程,提供了丰富的功能,使得开发者能够轻松地处理HTTP请求...

    extjs中验证实例

    {xtype:"fieldset", width:500, labelAlign:"right", labelWidth:70, title:"个人信息" , collapsible:true, autoHeight:true, defaultType:"textfield", items:[ {fieldLabel:"姓名", //width:250, //...

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

    在这个"ExtJS icons(5000个extjs小图标).zip"文件中,包含了丰富的图标资源,对于使用ExtJS开发Web应用的开发者来说,这些图标是提升用户体验的重要元素。 首先,了解ExtJS的图标系统。在ExtJS中,图标通常用于...

    ExtJS验证上传文件类型

    ExtJS 中实现文件上传功能是非常方便的,但对于新手来说,控制文件上传类型是一个难题。例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出错误提示呢?这篇文章将详细...

    Extjs4使用要点个人整理

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

Global site tag (gtag.js) - Google Analytics