日期:2014-05-16 浏览次数:20343 次
?
? ? 我们首先认识一下ExtJS 各组件继承结构图,在这里我也不多说了,相信现在大家都看过ExtJS UI漂亮的一面,但网络上也有部分开发者对ExtJS抱悲观态度认为其开发困难、调试困难、组件渲染速度过慢;但我本人不这样认为,只要合理设计、组件封装、合理调用、不使用IFrame重复加载js文件,ExtJS绝对是开发企业级应用的首先,下一节我们将开始介绍JRails ExtJS框架。
?
?
?
组件xtype对应
? xtype??????????? Class
-------------??? ------------------
box????????????? Ext.BoxComponent? 具有边框属性的组件
button?????????? Ext.Button 按钮
colorpalette???? Ext.ColorPalette 调色板
component??????? Ext.Component 组件
container??????? Ext.Container 容器
cycle??????????? Ext.CycleButton
dataview???????? Ext.DataView 数据显示视图
datepicker?????? Ext.DatePicker 日期选择面板
editor?????????? Ext.Editor 编辑器
editorgrid?????? Ext.grid.EditorGridPanel 可编辑的表格
grid???????????? Ext.grid.GridPanel 表格
paging?????????? Ext.PagingToolbar 工具栏中的间隔
panel??????????? Ext.Panel 面板
progress???????? Ext.ProgressBar 进度条
splitbutton????? Ext.SplitButton 可分裂的按钮
tabpanel???????? Ext.TabPanel 选项面板
treepanel??????? Ext.tree.TreePanel 树
viewport???????? Ext.ViewPort 视图
window?????????? Ext.Window 窗口
工具栏组件有
---------------------------------------
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 工具栏文本项
表单及字段组件包含:
---------------------------------------
form???????????? Ext.FormPanel Form面板
checkbox???????? Ext.form.Checkbox checkbox录入框
combo??????????? Ext.form.ComboBox combo选择项
datefield??????? Ext.form.DateField 日期选择项
field??????????? Ext.form.Field 表单字段
fieldset???????? Ext.form.FieldSet 表单字段组
hidden?????????? Ext.form.Hidden 表单隐藏域
htmleditor?????? Ext.form.HtmlEditor html编辑器
numberfield????? Ext.form.NumberField 数字编辑器
radio??????????? Ext.form.Radio 单选按钮
textarea???????? Ext.form.TextArea 区域文本框
textfield??????? Ext.form.TextField 表单文本框
timefield??????? Ext.form.TimeField 时间录入项
trigger????????? Ext.form.TriggerField 触发录入项
?
?
?
?