[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这样的效果，要如何修改？谢谢！
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%'}
]
}
]
}
]
}
]
}); //这样就能实现你要的了
可以参考下{%EXT_HOME%}/examples/form/check-radio.html