Ext Js_xtype 组件列表

基本组件

xtype

命名空间

描述

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

命名空间

描述

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 的组件（自 3.0 版）

grid

Ext.grid.GridPanel

表格

editorgrid

Ext.grid.EditorGridPanel

可编辑的表格

propertygrid

Ext.grid.PropertyGrid

属性表格

editor

Ext.Editor

编辑器

dataview

Ext.DataView

数据显示视图

listview

Ext.ListView

列表视图

工具栏组件

xtype

命名空间

描述

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

命名空间

描述

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

命名空间

描述

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

编组的多选框（自 2.2 版）

displayfield

Ext.form.DisplayField

仅显示，不验证、不提交的文本框

radiogroup

Ext.form.RadioGroup

编组的单选按钮（自 2.2 版）

图表组件

xtype

命名空间

描述

chart

Ext.chart.Chart

图表组件

barchart

Ext.chart.BarChart

柱状图

cartsianchart

Ext.chart.CartesianChart

笛卡尔图表

columnchart

Ext.chart.ColumnChart

?

linechart

Ext.chart.LineChart

连线图

piechart

Ext.chart.PieChart

扇形图

 

数据组件

xtype

命名空间

描述

arraystore

Ext.data.ArrayStore

Javascript 数组数据

directstore

Ext.data.DirectStore

?

groupingstore

Ext.data.GroupingStore

?

jsonstore

Ext.data.JsonStore

json数据

simplestore

Ext.data.SimpleStore

?

store

Ext.data.Store

数据集合，可以是Javascript数组，Json数据等

xmlstore

Ext.data.XmlStore

XML文件数据