Extjs 2中有关布局与其他一些事项

[JuneHwa]

<script type="text/javascript">
	Ext.onReady(function(){
		var list=[
			['语文','语文'],
			['数学','数学'],
			['英语','英语']
		];
		
		var store=new Ext.data.SimpleStore({
			fields:['value','text'],
			data:list
		});
		
		var combo=new Ext.form.ComboBox({
			fieldLabel:'科目',
			name:'combo',
			listWidth:200,
			store:store,
			displayField:'text',
			valueField:'value',
			mode:'local',
			allowBlank:false
		});
		
		var panel=new Ext.Panel({
			renderTo:Ext.getBody(),
			width:800,
			height:130,
			layout:'border',
			items:[{
				region:'west',
				width:600,
				xtype:'fieldset',
				title:'信息'	,	
				items:[{
					xtype:'form',
					layout:'column',
					items:[
						combo,{
						xtype:'radiogroup',
						width:450,
						items:[{
							fieldLabel:'性别',
							boxLabel:'男',
							name:'radio',
							value:'1',
							checked:true
						},{
							boxLabel:'女',
							name:'radio',
							value:'2'
						}]
					}]
				},{
					//第二行
					xtype:'form',
					layout:'column',
					items:[{
						width:500,
						height:20,
						items:[{
							xtype:'label',
							text:'位置',
							width:60
						},{
							xtype:'textfield',												
							name:'location',
							emptyText:'输入位置'
						}]
					},{
						xtype:'button',
						width:100,
						text:'打开'
					}]
				}]
				
			},{
				region:'center',
				width:200,
				xtype:'form',
				layout:'form',
				defaultType:'button',
				items:[{
					text:'确定',
					width:100,
					height:20
				},{
					text:'取消',
					width:100,
					height:20
				}]
			}]
		})
	});
	</script>

显示页面：


实际中，要求显示下拉列表前的信息：科目，性别：男/女，应该与科目信息在同一行中，文本域显示前的标签为位置，之后为文本域，不知道什么地方设置出错，导致与预期效果不一致？希望得到解答！

[JuneHwa]

配置布局方式不对，建议参考官方文档进行修改

[hookee]

west 的width:600, combo 宽度是200, radiogroup宽度是450 加起来大于600了。 可以的话用最新版的extjs，宽度计算起来方便。

[JuneHwa]

该问题已经解决，谢谢您的答复