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.Container ContainerLayout
Ext.Viewport ContainerLayout
Ext.Panel ContainerLayout
Ext.TabPanel CardLayout
Ext.Tip ContainerLayout
Ext.Window ContainerLayout
Ext.form.FieldSet FormPanel
Ext.form.FormPanel FormPanel
Ext.tree.TreePanel ContainerLayout
Ext.grid.GridPanel ContainerLayout
Ext.grid.EditorGridPanel ContainerLayout
Ext.grid.PropertyPanel ContainerLayout
4.Ext.Viewport是对整个页面统一布局,
Ext.Viewport直接继承Ext.Container的,基本上没有修改任何操作,只是初始化的时候获得当前页面的宽度和高度,并把自己的一些事件绑定到页面上,来实现跟踪页面大小的改变,动态调节自身的大小功能,一个页面只能有一个Viewport