EXTJS的组件

EXTJS的组件体系中有进40种组件,而这些组件又可以大致分成三大类,即基本组件、工具栏组件、表单及元素组件。

  基本组件是构成Web UI的主体组件,因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI 的表现,是EXTJS改善Web UI 的重要体现。

  EXIJS的基本组件:

  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          窗口

  工具栏组件是为了构造工具栏而准备的,在Windows桌面软件中,工具栏随处可见,以其方便性与集成性为用户所称道。EXTJS的工具栏组件能够在Web上构造其表现和功能与桌面软件完全一样的工具栏。

  工具栏组件有:
---------------------------------------
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      工具栏文本项

  在传统Web UI中,表单时重要的界面元素了。ExtJS的表单组件对普通HTML的表单进行了封装,不仅提供了更靓丽的外观表现,同时也扩充了功能。使用EXTJS时限Web应用,表单组件也是使用最为频繁的组件了。

  表单及字段组件包含:
---------------------------------------
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  触发录入项

猜你喜欢

转载自weitao1026.iteye.com/blog/2273784