extJs的Xtype
幻冰小站 浏览次数:529 2020-03-25 15:19:26
基本组件:
xtypeClass描述
buttonExt.Button按钮
splitbuttonExt.SplitButton带下拉菜单的按钮
cycleExt.CycleButton带下拉选项菜单的按钮
buttongroupExt.ButtonGroup编组按钮(Since 3.0)
sliderExt.Slider滑动条
progressExt.ProgressBar进度条
statusbarExt.StatusBar状态条,2.2加进来,3.0 又去了
colorpaletteExt.ColorPalette调色板
datepickerExt.DatePicker日期选择面板

容器及数据类组件
xtypeClass描述
windowExt.Window窗口
viewportExt.ViewPort视口,即浏览器的视口,能随之伸缩
boxExt.BoxComponent盒子组件,相当于一个
componentExt.Component组件
containerExt.Container容器
panelExt.Panel面板
tabpanelExt.TabPanel选项面板
treepanelExt.tree.TreePanel树型面板
flashExt.FlashComponent显示 Flash 的组件(Since 3.0)
gridExt.grid.GridPanel表格
editorgridExt.grid.EditorGridPanel可编辑的表格
propertygridExt.grid.PropertyGrid属性表格
editorExt.Editor编辑器
dataviewExt.DataView数据显示视图
listviewExt.ListView列表视图

工具栏组件:
xtypeClass描述
pagingExt.PagingToolbar分页工具条
toolbarExt.Toolbar工具栏
tbbuttonExt.Toolbar.Button工具栏按钮
tbfillExt.Toolbar.Fill工具栏填充区
tbitemExt.Toolbar.Item工具条项目
tbseparatorExt.Toolbar.Separator工具栏分隔符
tbspacerExt.Toolbar.Spacer工具栏空白
tbsplitExt.Toolbar.SplitButton工具栏分隔按钮
tbtextExt.Toolbar.TextItem工具栏文本项

菜单组件:
xtypeClass描述
menuExt.menu.Menu菜单
colormenuExt.menu.ColorMenu颜色选择菜单
datemenuExt.menu.DateMenu日期选择菜单
menubaseitemBaseItem
menucheckitemExt.menu.CheckItem选项菜单项
menuitemExt.menu.Item
menuseparatorExt.menu.Separator菜单分隔线
menutextitemExt.menu.TextItem文本菜单项

表单及表单域组件:
xtypeClass描述
formExt.FormPanel/Ext.form.FormPanel表单面板
checkboxExt.form.Checkbox多选框
comboExt.form.ComboBox下拉框
datefieldExt.form.DateField日期选择项
timefieldExt.form.TimeField时间录入项
fieldExt.form.Field表单字段
fieldsetExt.form.FieldSet表单字段组
hiddenExt.form.Hidden表单隐藏域
htmleditorExt.form.HtmlEditorHTML 编辑器
labelExt.form.Label标签
numberfieldExt.form.NumberField数字编辑器
radioExt.form.Radio单选按钮
textareaExt.form.TextArea多行文本框
textfieldExt.form.TextField表单文本框
triggerExt.form.TriggerField触发录入项
checkboxgroupExt.form.CheckboxGroup编组的多选框(Since 2.2)
displayfieldExt.form.DisplayField仅显示,不校验/不被提交的文本框
radiogroupExt.form.RadioGroup编组的单选按钮(Since 2.2)

图表组件:
xtypeClass描述
chartExt.chart.Chart图表组件
barchartExt.chart.BarChart柱状图
cartsianchartExt.chart.CartesianChart
columnchartExt.chart.ColumnChart
linechartExt.chart.LineChart连线图
piechartExt.chart.PieChart扇形图

数据集 Store:
xtypeClass描述
arraystoreExt.data.ArrayStore
directstoreExt.data.DirectStore
groupingstoreExt.data.GroupingStore
jsonstoreExt.data.JsonStore
simplestoreExt.data.SimpleStore
storeExt.data.Store
xmlstoreExt.data.XmlStore