(32)ExtJS之Panel中Absolute绝对位置布局

Ext.onReady(function(){
	Ext.create('Ext.panel.Panel',{
		layout:'absolute',
		title:'Ext.layout.container.Absolute布局示例',
		frame:false,
		height:150,
		width:300,
		renderTo:Ext.getBody(),
		defaults:{
			frame:true,
			height:70,
			width:100,
			bodyStyle:'background-color:#FFFFFF;padding:15px'//设置面板体的背景色
		},
		items:[{
			x:10,//横坐标为距父容器左边缘10像素的位置
			y:10,//纵坐标为距父容器上边缘10像素的位置
			html:'子面板一',
			title:'子面板一'
		},{
			x:130,//横坐标为距父容器左边缘130像素的位置
			y:40,//纵坐标为距父容器上边缘40像素的位置
			html:'子面板二',
			title:'子面板二'
		}]
		
	});
	
});