`
langgufu
  • 浏览: 2307490 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs xtype 一览表

阅读更多

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

分享到:
评论

相关推荐

    ExtJs xtype一览

    ### ExtJs xtype一览 在ExtJs框架中,`xtype`是用于定义组件类型的扩展类型。这是一种简化的组件标识方式,使得开发者可以更方便地在配置文件或代码中指定组件类型,而无需完整地写出对应的类名。下面,我们将根据...

    ExtJS xtype class对照表

    ExtJS xtype class对照表

    extjs中的xtype的所有类型介绍

    ExtJS 中的 xtype.typename 介绍 ExtJS 中的 xtype 是一个非常重要的概念,它用于定义组件的类型,从而确定组件的行为和样式。xtype 是 ExtJS 的核心组件之一,它提供了大量的组件类型,满足不同场景下的需求。 ...

    extjs xtype

    在EXTJS中,`xtype`是一个关键的概念,它用来定义组件的类型或类。`xtype`是EXTJS中组件的简写形式,可以理解为组件的标识符,用于创建组件实例时引用已定义的组件类。通过使用`xtype`,开发者可以简化代码,减少...

    extJs xtype 类型

    ### ExtJS xtype 类型概述 在ExtJS框架中,`xtype`是一种用于标识特定组件类型的简短字符串,便于在配置对象中快速定义组件。本文将深入探讨ExtJS中的各种`xtype`类型,帮助开发者更好地理解并运用这些组件。 ####...

    ExtJs_xtype一览

    在ExtJs框架中,`xtype`是一种用于标识组件类型的字符串,它定义了组件的类。这个特性使得在创建UI时能够简洁地指定组件的类型,而无需直接实例化具体的类。以下是一些主要的`xtype`及其对应的组件类和功能的详细...

    extjs的xtype class对照表

    `ExtJS xtype class对照表`文档详细列出了所有内置的`xtype`及其对应的`class`,这对于理解和使用ExtJS组件库至关重要。了解这些对照关系,能够帮助开发者更高效地编写代码,减少重复工作,同时提高应用的性能和用户...

    Extjs xtype集合

    ### Extjs xtype集合详解 #### 一、基本概念与背景 在Extjs开发过程中,`xtype`(扩展类型)是极为重要的一个概念。它实际上是一种类型标识符,用于快速创建特定类型的组件实例。通过使用预定义的`xtype`值,...

    ExtJS的xtype列表

    `xtype` 是ExtJS中的一个重要概念,它是组件类的简写形式,用于在配置对象中声明组件类型,使得代码更加简洁。理解并掌握ExtJS的各种`xtype`可以帮助开发者快速构建复杂的用户界面。 1. **基本组件**: - `button`...

    extjs 必填项目加*

    extjs 必填项目加*

    EXTJS 自定义combo控件

    xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法

    extjs4动态添加表头

    extjs4动态添加表头字段、删除、增加记录!

    Extjs客户信息表

    Extjs客户信息表

    extjs 双层表头

    使用extjs生成双层表头,父表头包括子表头

    extjs 双表头

    ExtJS 是一个强大的JavaScript 应用程序框架,用于构建富客户端Web应用。它提供了一整套组件化的用户界面元素和丰富的交互功能。在ExtJS中,"双表头"(Dual Header)是一种特殊的设计,允许表格在同一列内展示两个...

    extJs3升级extjs4方案

    在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败。ExtJS4 已完全重新写 grid 组件,tree 也被更新,所以从版本 3 到 4 大部分的属性改变了。 在 ExtJS4 中,API 也发生了很...

    EXtjs 图片批量上传

    xtype: 'filefield', name: 'images', fieldLabel: '选择图片', allowMultiple: true, buttonOnly: true, buttonText: '浏览' }] ... }); ``` 接着,我们需要监听`change`事件,当用户选择文件后,可以读取...

    EXTJS讲解个人项目经历

    在使用EXTJS开发时,我们需要在HTML页面中引入EXTJS的核心样式表和JavaScript文件。这通常包括`extjs/resources/css/ext-all.css`,`extjs/adapter/ext/ext-base.js`和`extjs/ext-all.js`。`Ext.BLANK_IMAGE_URL`...

    extjs资料大全

    - `ExtJs_xtype一览(转载).doc`:XType是ExtJS中定义组件类型的方式,这份文档可能详列了各种预定义的组件类型,帮助开发者快速查找和理解。 - `Ext常用属性总结.doc`:总结了ExtJS中常用的组件属性,对理解和配置...

    Extjs4使用要点个人整理

    5. **xtype列表**:`Extjs xtype列表.docx`可能列出所有可用的xtype,这是ExtJS中组件的类型标识符,用于快速创建特定类型的组件,如panel、grid等。 6. **JSONStore加载Web服务返回的JSON数据**:`Ext4 JSONStore...

Global site tag (gtag.js) - Google Analytics