基本組件：

xtype ????? ???????? Class ????? 描述

button ??? ??????? Ext.Button ???? 按鈕

splitbutton ???? Ext.SplitButton ?????? 帶下拉菜單的按鈕

cycle ?????? ???????? Ext.CycleButton ???? 帶下拉選項(xiàng)菜單的按鈕

buttongroup ? Ext.ButtonGroup ?? 編組按鈕(Since 3.0)

slider ????? ???????? Ext.Slider ??????? 滑動(dòng)條

progress ???????? ???????? Ext.ProgressBar ??? 進(jìn)度條

statusbar ?????? Ext.StatusBar ???????? 狀態(tài)條，2.2加進(jìn)來，3.0 又去了

colorpalette ?? Ext.ColorPalette ??? 調(diào)色板

datepicker ????? Ext.DatePicker ?????? 日期選擇面板

?

容器及數(shù)據(jù)類組件

xtype ????? ??????? Class ????? 描述

window ? ???????? Ext.Window ?? 窗口

viewport ???????? Ext.ViewPort 視口，即瀏覽器的視口，能隨之伸縮

box ?????????????????? ???????? Ext.BoxComponent ??????? 盒子組件，相當(dāng)于一個(gè) <div>

component ??? Ext.Component ????? 組件

container ??????? Ext.Container ???????? 容器

panel ????? ???????? Ext.Panel ??????? 面板

tabpanel ???????? Ext.TabPanel ? 選項(xiàng)面板

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 ???????? 數(shù)據(jù)顯示視圖

listview ? ???????? Ext.ListView ? 列表視圖

?

工具欄組件：

xtype ????? ???????? Class ????? 描述

paging ??? ???????? Ext.PagingToolbar 分頁工具條

toolbar ?? ???????? Ext.Toolbar ???? 工具欄

tbbutton ???????? Ext.Toolbar.Button ???????? 工具欄按鈕

tbfill ??????? ???????? Ext.Toolbar.Fill ??????? 工具欄填充區(qū)

tbitem ??? ???????? Ext.Toolbar.Item ??? 工具條項(xiàng)目

tbseparator ?? Ext.Toolbar.Separator ??? 工具欄分隔符

tbspacer ???????? Ext.Toolbar.Spacer ????????? 工具欄空白

tbsplit ??? ???????? Ext.Toolbar.SplitButton 工具欄分隔按鈕

tbtext ???? ???????? Ext.Toolbar.TextItem ????? 工具欄文本項(xiàng)

?

菜單組件：

xtype ????? Class ????? 描述

menu ????? ?????????????????? Ext.menu.Menu ???? 菜單

colormenu ????? ???????? Ext.menu.ColorMenu ??? 顏色選擇菜單

datemenu ????? ???????? Ext.menu.DateMenu ???? 日期選擇菜單

menubaseitem ?????? BaseItem ?????? ?

menucheckitem ???? Ext.menu.CheckItem ???? 選項(xiàng)菜單項(xiàng)

menuitem ????? ???????? Ext.menu.Item ?????? ?

menuseparator ????? Ext.menu.Separator ????? 菜單分隔線

menutextitem ??????? Ext.menu.TextItem ??????? 文本菜單項(xiàng)

?

表單及表單域組件：

xtype ????? ???????? Class ????? ??????????????????????????????????????????????????????? 描述

form ?????? ???????? Ext.FormPanel/Ext.form.FormPanel ????? 表單面板

checkbox ??????? Ext.form.Checkbox ???????? ??????????????????????????? 多選框

combo ??? ???????? Ext.form.ComboBox ????? ??????????????????????????? 下拉框

datefield ???????? Ext.form.DateField ???????? ??????????????????????????? 日期選擇項(xiàng)

timefield ???????? Ext.form.TimeField ???????? ??????????????????????????? 時(shí)間錄入項(xiàng)

field ??????? ???????? Ext.form.Field ???????? ???????????????????????????????????? 表單字段

fieldset ? ???????? Ext.form.FieldSet ?? ???????????????????????????????????? 表單字段組

hidden ??? ???????? Ext.form.Hidden ??? ???????????????????????????????????? 表單隱藏域

htmleditor ????? Ext.form.HtmlEditor ????? ??????????????????????????? HTML 編輯器

label ?????? ???????? Ext.form.Label ?????? ???????????????????????????????????? 標(biāo)簽

numberfield ?? Ext.form.NumberField ?? ??????????????????????????? 數(shù)字編輯器

radio ?????? ???????? Ext.form.Radio ?????? ???????????????????????????????????? 單選按鈕

textarea ???????? ???????? Ext.form.TextArea ???????????????????????????? ???????? 多行文本框

textfield ???????? Ext.form.TextField ???????????????????????????????????? 表單文本框

trigger ?? ???????? Ext.form.TriggerField ???? ??????????????????????????? 觸發(fā)錄入項(xiàng)

checkboxgroup ?????? Ext.form.CheckboxGroup ????? 編組的多選框(Since 2.2)

displayfield ???? Ext.form.DisplayField ??? 僅顯示，不校驗(yàn)/不被提交的文本框

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 ???????? 扇形圖

?

數(shù)據(jù)集 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?

轉(zhuǎn)載于:https://blog.51cto.com/zhangxu2713/791259

總結(jié)

以上是生活随笔為你收集整理的ExtJS 4.0的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。