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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏专知

2018年SCI期刊最新影响因子排行,最高244,人工智能TPAMI9.455

2018年6月26日,最新的SCI影响因子正式发布,涵盖1万2千篇期刊。CA-Cancer J Clin 依然拔得头筹,其影响因子今年再创新高,达244.585...

1272
来自专栏前端儿

Web 前端颜色值--字体--使用,整理整理

颜色值 CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0(十六进制 00)。最高值是 2...

2232
来自专栏从零开始的linux

mongodb分片

分别在三台机器上面创建 mkdir -pv /data/mongodb/mongos/log mkdir -pv /data/mongodb/config/{d...

3964
来自专栏linux驱动个人学习

ALSA声卡驱动的DAPM(一)-DPAM详解

最近使用tinymix 调试相应的音频通道,但是一直不知道音频通道的原理是什么。所以百度了一下,百度结果是与DPAM有关。 一、DAPM简介:  DAPM是Dy...

4696
来自专栏增长技术

App Guide相关

##TourGuide https://github.com/worker8/TourGuide

702
来自专栏一个会写诗的程序员的博客

On the Rise of Kotlin

It’s rare when a highly structured language with fairly strict syntax sparks emo...

632
来自专栏pangguoming

API手册 常用功能

directive [ng] a form input input [checkbox] input [email] input [number] input ...

3219
来自专栏MelonTeam专栏

Bitmap 源码阅读笔记

导语: Android 系统上的图片的处理,跟Bitmap 这个类脱不了关系,我们有必要去深入阅读里面的源码,以便在工作中能更好的处理Bitmap相关的问题...

2478
来自专栏搞前端的李蚊子

Html5模拟通讯录人员排序(sen.js)

// JavaScript Document  var PY_Json_Str = ""; var PY_Str_1 = ""; var PY_Str_...

5866
来自专栏Hadoop数据仓库

Oracle sqlldr 如何导入一个日期列

1. LOAD DATA INFILE * INTO TABLE test FIELDS TERMINATED BY X'9' TRAILING NULLCO...

1786

扫码关注云+社区