ExtJs xtype一览

转载 2012年07月21日 12:42:58
基本组件:
xtype Class 描述
button Ext.Button 按钮
splitbutton Ext.SplitButton 带下拉菜单的按钮
cycle Ext.CycleButton 带下拉选项菜单的按钮
buttongroup Ext.ButtonGroup 编组按钮(Since 3.0)
slider Ext.Slider 滑动条
progress Ext.ProgressBar 进度条
statusbar Ext.StatusBar 状态条,2.2加进来,3.0 又去了
colorpalette Ext.ColorPalette 调色板
datepicker Ext.DatePicker 日期选择面板
 
容器及数据类组件
xtype Class 描述
window Ext.Window 窗口
viewport Ext.ViewPort 视口,即浏览器的视口,能随之伸缩
box Ext.BoxComponent 盒子组件,相当于一个 <div>
component Ext.Component 组件
container Ext.Container 容器
panel Ext.Panel 面板
tabpanel Ext.TabPanel 选项面板
treepanel Ext.tree.TreePanel 树型面板
flash Ext.FlashComponent 显示 Flash 的组件(Since 3.0)
grid Ext.grid.GridPanel 表格
editorgrid Ext.grid.EditorGridPanel 可编辑的表格
propertygrid Ext.grid.PropertyGrid 属性表格
editor Ext.Editor 编辑器
dataview Ext.DataView 数据显示视图
listview Ext.ListView 列表视图
 
工具栏组件:
xtype Class 描述
paging Ext.PagingToolbar 分页工具条
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 工具栏文本项
 
菜单组件:
xtype Class 描述
menu Ext.menu.Menu 菜单
colormenu Ext.menu.ColorMenu 颜色选择菜单
datemenu Ext.menu.DateMenu 日期选择菜单
menubaseitem BaseItem  
menucheckitem Ext.menu.CheckItem 选项菜单项
menuitem Ext.menu.Item  
menuseparator Ext.menu.Separator 菜单分隔线
menutextitem Ext.menu.TextItem 文本菜单项
 
表单及表单域组件:
xtype Class 描述
form Ext.FormPanel/Ext.form.FormPanel 表单面板
checkbox Ext.form.Checkbox 多选框
combo Ext.form.ComboBox 下拉框
datefield Ext.form.DateField 日期选择项
timefield Ext.form.TimeField 时间录入项
field Ext.form.Field 表单字段
fieldset Ext.form.FieldSet 表单字段组
hidden Ext.form.Hidden 表单隐藏域
htmleditor Ext.form.HtmlEditor HTML 编辑器
label Ext.form.Label 标签
numberfield Ext.form.NumberField 数字编辑器
radio Ext.form.Radio 单选按钮
textarea Ext.form.TextArea 多行文本框
textfield Ext.form.TextField 表单文本框
trigger Ext.form.TriggerField 触发录入项
checkboxgroup Ext.form.CheckboxGroup 编组的多选框(Since 2.2)
displayfield Ext.form.DisplayField 仅显示,不校验/不被提交的文本框
radiogroup Ext.form.RadioGroup 编组的单选按钮(Since 2.2)
 
图表组件:
xtype Class 描述
chart Ext.chart.Chart 图表组件
barchart Ext.chart.BarChart 柱状图
cartsianchart Ext.chart.CartesianChart  
columnchart Ext.chart.ColumnChart  
linechart Ext.chart.LineChart 连线图
piechart Ext.chart.PieChart 扇形图
 
数据集 Store:
xtype Class 描述
arraystore Ext.data.ArrayStore  
directstore Ext.data.DirectStore  
groupingstore Ext.data.GroupingStore  
jsonstore Ext.data.JsonStore  
simplestore Ext.data.SimpleStore  
store Ext.data.Store  
xmlstore Ext.data.XmlStore

Extjs深入理解(一) 关于xtype 与 new

关于xtype 与 new
  • csu03zhanglei
  • csu03zhanglei
  • 2014年09月27日 10:54
  • 814

ExtJs xtype属性值总结(非原创)

基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitB...
  • a308690341
  • a308690341
  • 2014年03月08日 11:09
  • 1933

EXTJS使用XType来定义组件及使用方法

extjs里使用xtype来定义一个页面组件,页面组件如下box Ext.BoxComponent 具有边框属性的组件 button Ext.Button...
  • u010668495
  • u010668495
  • 2015年02月16日 20:40
  • 978

.Extjs HtmlEditor扩展插入图片功能

2009年开始接触Extjs的时候,就发现其HtmlEditor少了一个插入图片功能,于是同事在网上找了个扩展了的代码使用了起来!当时刚刚接触的时候,直接就拿来用的,也没仔细看代码!  后来经常更新E...
  • liuxiao723846
  • liuxiao723846
  • 2013年05月28日 00:05
  • 2132

Extjs显示图片

Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现,其实image的属性值并没有包含在Extjs的官方文档当中。可以通过...
  • zljjava
  • zljjava
  • 2014年04月09日 14:38
  • 16384

Extjs获取组件的方法

分类: EXTJS4 EXTJS4发布有一段时间了,最近也一直在关注EXTJS4中的一些新的知识点,本节咱们一起来看一下ExtJS4中的ComponentQuery类,这个类...
  • p656456564545
  • p656456564545
  • 2015年07月26日 17:08
  • 2251

Ext学习笔记(6):ExtJS中xtype一览

基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 ...
  • zhaoguoshuai91
  • zhaoguoshuai91
  • 2013年09月05日 18:21
  • 937

ExtJS 表格自定义列-动态widget

一、需求: 表格中根据数据不同,动态渲染出不同的组件。 二、环境: 1、操作系统:  Microsoft Windows 10 专业版 2、OS 版本:          10.0.14393 暂缺...
  • zhaojianrun
  • zhaojianrun
  • 2017年03月30日 13:01
  • 547

Extjs Form用法详解

原文引子起飞网:http://www.qeefee.com/article/extjs-form-in-detail Extjs Form是一个比较常用的控件,主要用来显示和编辑数据的,今天...
  • luckypeng
  • luckypeng
  • 2015年06月15日 22:33
  • 2650

跟我一起学extjs5(07--继承自定义一个控件)

跟我一起学extjs5(07--继承自定义一个控件)         Extjs的开发都可以遵循OOP的原则,其对类的封装也很完善了。自定义一个控件最简单的办法就是继承一个已有的控件...
  • jfok
  • jfok
  • 2014年07月01日 14:01
  • 19723
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJs xtype一览
举报原因:
原因补充:

(最多只允许输入30个字)