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.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