Extjs xtype 一覽表

基本元件：

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