Extjs-布局-其他相关知识

1.Ext.container是所有可布局组件的超类

Layout和items是很重要的两个参数,layoutConfig用来为布局提供配置参数,activeItem表示当前显示那一个子组件,defaultType默认是panel

2. Layout的超类Ext.layout.ContainerLayout

ContainerLayout只设置了所有布局类需要的一些配置,本身没有布局功能,并且不建议使用这个类进行布局

new Ext.Viewport({//containerLayout对应的关键字layout : 'auto',items : [{title : '面板1',width : 200},{title : '面板2',width : 200}]});

3. 不指定任何布局时会发生的情况

组件默认布局Ext.ContainerContainerLayoutExt.ViewportContainerLayoutExt.PanelContainerLayoutExt.TabPanelCardLayoutExt.TipContainerLayoutExt.WindowContainerLayoutExt.form.FieldSetFormPanelExt.form.FormPanelFormPanelExt.tree.TreePanelContainerLayoutExt.grid.GridPanelContainerLayoutExt.grid.EditorGridPanelContainerLayoutExt.grid.PropertyPanelContainerLayout

4.Ext.Viewport是对整个页面统一布局,

Ext.Viewport直接继承Ext.Container的,基本上没有修改任何操作,只是初始化的时候获得当前页面的宽度和高度,并把自己的一些事件绑定到页面上,来实现跟踪页面大小的改变,动态调节自身的大小功能,一个页面只能有一个Viewport