ExtJS布局的方法和经验

            如果整个页面都使用ExtJS时，强烈建议用ViewPort来控制整个页面的布局，这样可以让ExtJS页面充满整个浏览器页面，并且可以随浏览器的窗口的改变而改变，不再拘束于固定的width和height。

	new Ext.Viewport({
		
	});

首先js页面有且只有一个上述的ViewPort实例，然后再在这个实例中布局整个页面，使用layout布局，比如常见的border布局，就可以写成

	new Ext.Viewport({
		layout : 'border',
		items : [{
			region : 'west',
			title : '面板一',
			items :[]
		},{
			region : 'center',
			title : '面板二',
			items : []
		}]
	});

当然region为west和east要指定width，为north和south要指定height

当然，这是整个页面的第一次布局，如果想在center中进行二次布局，同样的道理在items中 进行上述布局，首先要写layout，然后再是items

 

总结一下：ExtJS布局方式一定是layout与items并存在同一级别上，layout指定items中要布局的模式，items中指定组件，这样依次嵌套来进行多级布局开发