logo资料库

ExtJs组件类的对应表.pdf

第1页 / 共3页
第2页 / 共3页
第3页 / 共3页
资料共3页,全文预览结束
Class Ext.Button Ext.SplitButton Ext.CycleButton Ext.ButtonGroup Ext.Slider Ext.ProgressBar Ext.StatusBar Ext.ColorPalette Ext.DatePicker 基本组件: xtype button splitbutton cycle buttongroup slider progress statusbar colorpalette datepicker 容器及数据类组件 xtype window viewport box component container panel tabpanel treepanel flash grid editorgrid propertygrid editor dataview listview 工具栏组件: xtype paging toolbar tbbutton tbfill tbitem tbseparator tbspacer tbsplit tbtext 菜单组件: xtype menu colormenu datemenu menubaseitem BaseItem Class Ext.Window Ext.ViewPort Ext.BoxComponent Ext.Component Ext.Container Ext.Panel Ext.TabPanel Ext.tree.TreePanel Ext.FlashComponent Ext.grid.GridPanel Ext.grid.EditorGridPanel Ext.grid.PropertyGrid Ext.Editor Ext.DataView Ext.ListView Class Ext.PagingToolbar Ext.Toolbar Ext.Toolbar.Button Ext.Toolbar.Fill Ext.Toolbar.Item Ext.Toolbar.Separator Ext.Toolbar.Spacer Ext.Toolbar.SplitButton Ext.Toolbar.TextItem Class Ext.menu.Menu Ext.menu.ColorMenu Ext.menu.DateMenu 描述 按钮 带下拉菜单的按钮 带下拉选项菜单的按钮 编组按钮(Since 3.0) 滑动条 进度条 状态条,2.2加进来,3.0 又去了 调色板 日期选择面板 描述 窗口 视口,即浏览器的视口,能随之伸缩 盒子组件,相当于一个
组件 容器 面板 选项面板 树型面板 显示 Flash 的组件(Since 3.0) 表格 可编辑的表格 属性表格 编辑器 数据显示视图 列表视图 描述 分页工具条 工具栏 工具栏按钮 工具栏填充区 工具条项目 工具栏分隔符 工具栏空白 工具栏分隔按钮 工具栏文本项 描述 菜单 颜色选择菜单 日期选择菜单
Class Ext.FormPanel/Ext.form.FormPanel Ext.form.Checkbox Ext.form.ComboBox Ext.form.DateField Ext.form.TimeField Ext.form.Field Ext.form.FieldSet Ext.form.Hidden Ext.form.HtmlEditor Ext.form.Label Ext.form.NumberField Ext.form.Radio Ext.form.TextArea Ext.form.TextField Ext.form.TriggerField Ext.form.CheckboxGroup Ext.form.DisplayField Ext.form.RadioGroup Ext.menu.Item Ext.menu.Separator Ext.menu.TextItem menubaseitem BaseItem menucheckitemExt.menu.CheckItem menuitem menuseparator menutextitem 表单及表单域组件: xtype form checkbox combo datefield timefield field fieldset hidden htmleditor label numberfield radio textarea textfield trigger checkboxgroup displayfield radiogroup 图表组件: xtype chart barchart cartsianchart columnchart linechart piechart 数据集 Store: xtype arraystore directstore groupingstore jsonstore simplestore store xmlstore Class Ext.chart.Chart Ext.chart.BarChart Ext.chart.CartesianChart Ext.chart.ColumnChart Ext.chart.LineChart Ext.chart.PieChart Class Ext.data.ArrayStore Ext.data.DirectStore Ext.data.GroupingStore Ext.data.JsonStore Ext.data.SimpleStore Ext.data.Store Ext.data.XmlStore 选项菜单项 菜单分隔线 文本菜单项 描述 表单面板 多选框 下拉框 日期选择项 时间录入项 表单字段 表单字段组 表单隐藏域 HTML 编辑器 标签 数字编辑器 单选按钮 多行文本框 表单文本框 触发录入项 编组的多选框(Since 2.2) 仅显示,不校验/不被提交的文本框 编组的单选按钮(Since 2.2) 描述 图表组件 柱状图 连线图 扇形图 描述 另外:关于 ExtJs 如何依据 xtype 创建对应组件这里只简单的说一句,ExtJs 的组件是通过 Ext.ComponentMgr 来管理的,组件类会以 xtype 为 key 注册到 ComponentMgr 中,用 xtype 形式时就通过 ComponentMgr 来创建 xtype 对应的组件。ComponentMgr 如
何对组件进行管理下面会进一步深入探究。 假如想要获得 xtype 与组件最完整的列表,有两种办法: 1. ExtJs 运行后,遍历 ComponentMgr 的 types{} 哈稀属性,这个属性是私有的,需改源代使之为公有,存储结构为 {button:Ext.Button, cycle:Ext.CycleButton} 2. 用 grep 从 ExtJs 源代码中搜寻出来。在组件的 JS 代码(如 Button.js) 中会用 Ext.reg('button', Ext.Button) 形式注册,所以下面 我用移植到 Windows 上的 GNU grep 程序从源代码中扒出所有的 xtype 及对应的组件类来。
分享到:
收藏