關於EXT JS 的所有組件

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  觸發錄入項

發佈了123 篇原創文章 · 獲贊 16 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章