Extjs4布局详解(六)——Absolute布局

Absolute布局继承Ext.layout.container.Anchor 布局方式，并增加了X/Y配置选项对子组件进行定位，Absolute布局的目的是为了扩展布局的属性，使得布局更容易使用。

 

Ext.create('Ext.form.Panel', {    
		title: 'MHZG.NET - Absolute Layout',    
		width: 300,     
		height: 275,
		x:20,
		y:90,
		layout:'absolute',    
		defaultType: 'textfield',    
		items: [{
			x: 10,        
			y: 10,         
			xtype:'label',        
			text: 'Send To:'    
		},{
			x: 80,         
			y: 10,        
			name: 'to',         
			anchor:'90%'    
		},{        
			x: 10,         
			y: 40,        
			xtype:'label',        
			text: 'Subject:'    
		},{         
			x: 80,        
			y: 40,        
			name: 'subject',         
			anchor: '90%'
		},{        
			x:0,         
			y: 80,        
			xtype: 'textareafield',        
			name: 'msg',         
			anchor: '100% 100%'
		}],     
		renderTo: Ext.getBody()
	});