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

Absolute布局继承Ext.layout.container.Anchor 布局方式，并增加了X/Y配置选项对子组件进行定位，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()
});



效果图