ExtJS4 表单横向布局

效果图：

源码:

var win = Ext.create("Ext.window.Window", {
title: "审计底稿",
width: 700,
height: 600,
items: {
xtype: "form",
margin: 5,
height:560,
border: true,
items:[{
layout:'column',
frame:false,
border:0,
items:[
{xtype: "textfield", name: "name",  padding:10, fieldLabel: "审计项目<font color=red>* </font>", value:'对公信贷',valueWidth:200, allowBlank: false},
{xtype: "textfield", name: "name1", padding:10, fieldLabel: "审计分项<font color=red>* </font>", value:'综合管理',valueWidth:200, allowBlank: false}
]},{
layout:'column',
frame:false,
border:0,
items:[
{xtype: "textfield", name: "name2", padding:10, fieldLabel: "业务单元<font color=red>* </font>", value:'业务管理',valueWidth:200, allowBlank: false},
{xtype: "textfield", name: "name3", padding:10, fieldLabel: "控制环节<font color=red>* </font>", value:name1,  valueWidth:200, allowBlank: false}
]
},{
layout:'column',
frame:false,
border:0,
items:[
{xtype: "textfield", name: "name4", padding:10, fieldLabel: "创建人<font color=red>* </font>",  value:name2,  valueWidth:200, allowBlank: false}
]
},
{xtype: "textarea", name: "name5",  padding:10, fieldLabel: "审计过程", value:'',     rows:10,cols:70,allowBlank: true},
{xtype: "textarea", name: "name6",  padding:10, fieldLabel: "审计发现", value:'',     rows:10,cols:70, allowBlank: true}

]
       },
buttons: [
{text: "保存",handler:function(){win.close()}},
{text: "取消",handler:function(){win.close()}}
]
}); 
win.show();
           }