【轉】Ext JS xtype

weixin_30639719發表於2020-04-05
 
基本元件:
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  

轉載於:https://www.cnblogs.com/goingforward/p/6025765.html

相關文章