form 布局

之前看到网上很多地方form布局，试了好久都没有试出来，今天终于弄出来了，

代码如下：

return [{
xtype: 'form',
height: 250,
width: 900,
frame: true,
defaults: {
margin: '0 0 10 0',
height: 30,
},
bodyPadding: 10,
items: [{
    layout:"column",
defaults: {
height: 30,
},
border: false,
    items:[{
    xtype: 'displayfield',
    layout:"form",
    fieldLabel: '单据编号',
       width: 50,
       columnWidth: 0.5, 
       margin: '0 0 10 0',
    },{
    xtype: 'displayfield',
       fieldLabel: '制单时间',
   layout:"form",
   width: 50,
   columnWidth: 0.5,
   margin: '0 0 10 10',
}]
     
   },{
    layout:"column",
defaults: {
height: 30,
},
border: false,
    items:[{
    xtype: 'displayfield',
    layout:"form",
    fieldLabel: '进货仓库',
       width: 50,
       columnWidth: 0.5, 
       margin: '0 0 10 0',
    },{
    xtype: 'displayfield',
       fieldLabel: '供应商',
   layout:"form",
   width: 50,
   columnWidth: 0.5,
   margin: '0 0 10 10',
}]   
   },{
    layout:"column",
defaults: {
height: 30,
},
border: false,
    items:[{
    xtype: 'displayfield',
    layout:"form",
    fieldLabel: '经手人',
       width: 50,
       columnWidth: 0.5, 
       margin: '0 0 10 0',
    },{
    xtype: 'displayfield',
       fieldLabel: '制单人',
   layout:"form",
   width: 50,
   columnWidth: 0.5,
   margin: '0 0 10 10',
}]
     
   },{
    xtype: 'displayfield',
       fieldLabel: '备注',
   layout:"form",
   width: 50,
   columnWidth: 0.5,
   margin: '0 0 10 10',
},{
    layout:"column",
defaults: {
height: 30,
},
border: false,
    items:[{
    xtype: 'displayfield',
    layout:"form",
    fieldLabel: '审核时间',
       width: 50,
       columnWidth: 0.5, 
       margin: '0 0 10 0',
    },{
    xtype: 'button',
       text: '审核时间',
   layout:"form",
   width: 10,
   columnWidth: 0.5,
   margin: '0 350 10 10',
}]
     
}]
},{
xtype: 'grid',
title: '货品详细信息',
height: 425,
width: 400,
   store: {
       fields:[ 'name', 'email', 'phone'],
       data: [
           { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' },
           { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' },
           { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' },
           { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' }
       ]
   },
   columns: [
       { text: 'Name', dataIndex: 'name' },
       { text: 'Email', dataIndex: 'email', flex: 1 },
       { text: 'Phone', dataIndex: 'phone' }
   ],
}]
},