Ext中关于column布局的一个问题！

Question

[code="java"]var rankAttrGroup = new Ext.form.FieldSet({
xtype:'fieldset',title: '业务属性',collapsible: true, autoHeight:true,

items:[
{layout:'column',border:false,
items: [
{columnWidth:.63,layout: 'form',border:true,
items: [{xtype:'textfield',fieldLabel:'属性A',name: 'email',anchor:'100%'},
{xtype:'textfield',fieldLabel:'属性B',name: 'email',anchor:'100%'},
{xtype:'textfield',fieldLabel:'属性C',name: 'email',anchor:'100%'},
{xtype:'textfield',fieldLabel:'属性D',name: 'email',anchor:'100%'},
{xtype:'textfield',fieldLabel:'属性E',name: 'email',anchor:'100%'}
]
},
{columnWidth:.37,layout: 'form',border:true,
items: [{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'},
{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'},
{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'},
{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'}, ]
}
]
}
]

});[/code]

上面的代码，我想把属性A占满第一行。就是类似colsapn=2这样的效果，要如何修改？谢谢！

Answer 1

var rankAttrGroup = new Ext.form.FieldSet({

title: '业务属性',
collapsible: true,
autoHeight:true,

items:[

{layout:'form',border:false, //采用form布局 使得属性A占满整行(结合 anchor:'100%')
items: [

{xtype:'textfield',fieldLabel:'属性A',name: 'email',anchor:'100%'},

{layout:'column',border:true,

items: [

{
columnWidth:.63,layout: 'form',border:true,

items:[
{xtype:'textfield',fieldLabel:'属性C',name: 'email',anchor:'100%'},

{xtype:'textfield',fieldLabel:'属性D',name: 'email',anchor:'100%'},

{xtype:'textfield',fieldLabel:'属性E',name: 'email',anchor:'100%'}

]
},

{
columnWidth:.37,layout: 'form',border:true,

items: [
{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'},

{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'},

{xtype:'textfield',hideLabel:true,name: 'email',anchor:'100%'}
]

}
]
}

]
}
]

}); //这样就能实现你要的了