ExtJS笔记--ExtJs xtype一览表

 

基本组件:

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://my.oschina.net/fymoon/blog/733116

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值