ExtJs viewPort属性

1.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                      触发录入项

 

2.region

指定布局模块所在位置

 

3.title：布局块的标题

 

4.collapsible：是否显示关闭和展开模块的按钮

 

5.spilt：是否可以拖放改变宽度或高度

 

6.Wdith，minWidth：设定宽度和最小宽度

 

7.height,minHeight:设定高度和最小高度

 

8.layout:布局模式