ExtJS 6.x 组件xtype一览
2017-09-19 11:00
169 查看
基本组件: | ||
xtype | Class | 描述 |
actionsheet | Ext.ActionSheet | |
audio | Ext.Audio | |
button | Ext.Button | 按钮 |
buttongroup | Ext.ButtonGroup | 编组按钮(Since 3.0) |
carousel | Ext.carousel.Carousel | |
colorpalette | Ext.ColorPalette | 调色板 |
cycle | Ext.CycleButton | 带下拉选项菜单的按钮 |
datepicker | Ext.DatePicker | 日期选择面板 |
image | Ext.Img | |
loadmask | Ext.LoadMask | |
navigationview | Ext.navigation.View | |
picker | Ext.Picker | |
progress | Ext.ProgressBar | 进度条 |
segmentedbutton | Ext.SegmentedButton | |
sheet | Ext.Sheet | |
slider | Ext.Slider | 滑动条 |
spacer | Ext.Spacer | |
splitbutton | Ext.SplitButton | 带下拉菜单的按钮 |
statusbar | Ext.StatusBar | 状态条,2.2加进来,3.0 又去了 |
thumb | Ext.Slider.Thumb | |
titlebar | Ext.TitleBar | |
video | Ext.Video | |
容器及数据类组件 | ||
xtype | Class | 描述 |
window | Ext.Window | 窗口 |
viewport | Ext.ViewPort.Default | 视口,即浏览器的视口,能随之伸缩 |
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 | 列表视图 |
nestedlist | Ext.NestedList | |
工具栏组件: | ||
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 | 表单面板 |
formpanel | Ext.form.Panel | 表单面板 |
checkbox | Ext.form.Checkbox | 多选框 |
checkboxgroup | Ext.form.CheckboxGroup | 编组的多选框(Since 2.2) |
combo | Ext.form.ComboBox | 下拉框 |
hidden | Ext.form.Hidden | 表单隐藏域 |
htmleditor | Ext.form.HtmlEditor | HTML 编辑器 |
label | Ext.form.Label | 标签 |
radio | Ext.form.Radio | 单选按钮 |
radiogroup | Ext.form.RadioGroup | 编组的单选按钮(Since 2.2) |
textarea | Ext.form.TextArea | 多行文本框 |
trigger | Ext.form.TriggerField | 触发录入项 |
field | Ext.form.Field | 表单字段 |
fieldset | Ext.form.FieldSet | 表单字段组 |
checkboxfield | Ext.field.Checkbox | |
datefield | Ext.form.DateField | 日期选择项 |
datepickerfield | Ext.field.DatePicker | |
displayfield | Ext.form.DisplayField | 仅显示,不校验/不被提交的文本框 |
emailfield | Ext.field.Email | |
hiddenfield | Ext.field.Hidden | |
numberfield | Ext.field.Number | |
numberfield | Ext.form.NumberField | 数字编辑器 |
passwordfield | Ext.field.Password | |
radiofield | Ext.field.Radio | |
searchfield | Ext.field.Search | |
selectfield | Ext.field.Select | |
sliderfield | Ext.field.Slider | |
spinnerfield | Ext.field.Spinner | |
textfield | Ext.field.Text | |
textfield | Ext.form.TextField | 表单文本框 |
textareafield | Ext.field.TextArea | |
timefield | Ext.form.TimeField | 时间录入项 |
togglefield | Ext.field.Toggle | |
urlfield | Ext.field.Url | |
图表组件: | ||
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 |
相关文章推荐
- ExtJS专题(三):ExtJS组件的使用
- extjs扩展组件还是写插件(Manual:Component:Extension or Plugin )
- ExtJs学习笔记之ComboBox组件
- ExtJS4组件_form表单配置-属性-方法详解
- 【引用】自己封装的Extjs组件GroupGrid(1)
- Extjs4.x中,每个组件都新增加了两个方法up()和down()方法
- [置顶] ExtJs4.2应用:使用ExtJs扩展组件searchfield实现数据搜索功能
- Extjs组件的生命周期
- ExtJs中组件最好少使用ID属性(推荐更多使用Name属性)
- 预览ExtJS 4.0的新功能/新特性(一):渲染组件的方式
- Extjs 提交到后台接收不同组件值的区别
- Extjs 动态隐藏某个textfield以及fieldLabel组件的方法
- Extjs 给任何的容器组件增加 getValues方法
- ExtJS 4.2 Grid组件的单元格合并
- extjs各个组件之间的交互
- ExtJs星级评分Rating组件实现星级评分
- ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
- extjs_10_自定义combotree组件
- ExtJS 4 Grid组件
- ExtJS 自定义组件