Question

如何布局ext js中 formpanel 主要是 单选按钮 要横向排列

现在布局时这样的 ，感觉不是很好

代码如下：
var TKFormPanel = new Ext.form.FormPanel({
id : 'tkForm',
name : 'tkForm',
title : '<span class="commoncss">新增题库设定<span>',
defaultType : 'textfield',
columnWidth:.85,
layout : 'form',
labelAlign : 'right',
labelWidth :120,
frame : false,
buttonAlign : 'center',
bodyStyle : 'padding:5 5 0',
items : [{ fieldLabel : '试卷名称', name : 'sjmc', anchor : '90%',allowBlank : false },
{fieldLabel : '正确答案',name : 'zqda',anchor : '90%',allowBlank : false},
new Ext.form.Radio({name : 'standardAnswer',fieldLabel : '是否有标准答案',boxLabel : '是'
}), new Ext.form.Radio({name : 'standardAnswer',boxLabel : '否'}),{
fieldLabel : '选项',xtype:'label', name : 'xx',anchor : '90%',allowBlank : false
},new Ext.form.Radio({name : 'xuanxiang',fieldLabel : '',boxLabel : 'A'}),
{fieldLabel : '问题',name : 'wt_A',anchor : '90%',allowBlank : false,xtype : "textarea",height : 50}]
});
就是 将是否有正确答案 是和否 横向排列
将下面的选项A 问题也排成一排 应该怎么改布局 主要是改的好看一些
我用的ext是3.4版本的。。
我已经把单选按钮横向排列做好了
{
xtype: 'radiogroup',
id : 'atype',
fieldLabel: "是否有正确答案",
items : [{
boxLabel: '是',
name: 'standAnswer',
inputValue:'Y',
checked : true
},{
boxLabel: '否',
name: 'standAnswer',
inputValue:'N'
}]
}
对于选项设定的话 应该怎么设定 就是能对选项动态增删。
如图：





Answer 1

----大体排版是这样的。columnWidth:.2 是占比20%的width。
layout : 'form',
items:[{
layout: 'column', //第一行
items:[{
layout : 'form',
columnWidth:.2 //
items:[{
......xtype : ....
}]
},{
layout : 'form',
columnWidth:.2 //
items:[{

......xtype : ....
}]
}]
},{
layout: 'column', //第二行
items:[{
layout : 'form',
columnWidth:.2 //
items:[{

......xtype : ....
}]
}]
}]