ExtJS xtype大全【精】

转载 2015年07月10日 14:30:25

基本组件:
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

Extjs xtype作用

xtype:在ExtJS的可视化组件部署中的一种机制,即通过指定xtype的值,来告诉容器如何初始化所包含的组件,如xtype:"textfiled",表示使用 Ext.form.TextFile 来...
  • s464036801
  • s464036801
  • 2013年01月21日 17:51
  • 982

ExtJs xtype属性值总结(非原创)

基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitB...
  • a308690341
  • a308690341
  • 2014年03月08日 11:09
  • 2015

Extjs深入理解(一) 关于xtype 与 new

关于xtype 与 new
  • csu03zhanglei
  • csu03zhanglei
  • 2014年09月27日 10:54
  • 871

ExtJs的列模式column(xtype)详解

概述:列模式,就是在grid组件创建的时候,指定的列模式,我们可以将数据更好的展示和列的功能按钮扩展等。 一、列模式的主类  Ext.grid.column.Column  xtype:gr...
  • huang798807481
  • huang798807481
  • 2012年07月23日 18:36
  • 2360

Ext xtype : "combo" 下拉选择框

建表的时候 有很多输入框 有的需要下拉选择 这时候用 xtype : "combo" 会很方便  下面把cmmbo 下拉代码贴下面 供大家参考 new Ext.form.Label({ ...
  • majishushu
  • majishushu
  • 2016年09月20日 22:13
  • 2487

EXTJS使用XType来定义组件及使用方法

extjs里使用xtype来定义一个页面组件,页面组件如下box Ext.BoxComponent 具有边框属性的组件 button Ext.Button...
  • u010668495
  • u010668495
  • 2015年02月16日 20:40
  • 1026

ExtJS 6.x 组件xtype一览

基本组件: xtype Class 描述 actionsheet Ext.ActionSheet audio Ext.Audio button ...
  • hbclub
  • hbclub
  • 2017年09月19日 11:00
  • 351

ExtJs xtype大全

基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitB...
  • qq_30616169
  • qq_30616169
  • 2016年08月30日 10:20
  • 171

Extjs xtype值大全

基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 ...
  • LEconomy
  • LEconomy
  • 2011年08月22日 14:07
  • 835

ExtJs 4.2 xtype: 'fileuploadfield'如何设置值

一般会遇到这样的问题,当我上传文件成功后,我需要去修改或者查看文件的时候,发现上传文件框的空的,然后用setValue()的方法去设置(或者回显文件名/文件路径)的时候,发现是设置不了的;用setRa...
  • wh13267207590
  • wh13267207590
  • 2017年09月05日 18:46
  • 199
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ExtJS xtype大全【精】
举报原因:
原因补充:

(最多只允许输入30个字)