extjs4 - 如何在 EXtJS 列布局中增加列空间

Question

我设计了一个如图所示的参赛表格，

我需要在 之间有相同的空间测试盒和中间名标签 .

我的代码如下，

var patientForm = new Ext.FormPanel({
layout: 'column',
columnWidth:1.5,
renderTo: "patientCreation",
frame: true,
autoScroll:true,
title: 'Create Patient',
bodyStyle: 'padding:9px',           
width: 900,
items: [
{   xtype: 'textfield',
    fieldLabel: 'FirstName',
    name: 'firstName',
    vtype : 'alpha',
    allowBlank:false
},{
    xtype: 'textfield',
    fieldLabel: 'MiddleName',
    name: 'middleName',
    vtype : 'alpha'             
},{
    xtype: 'textfield',
    fieldLabel: 'LastName',
    name: 'lastName',
    vtype : 'alpha',
    allowBlank:false
},{
    xtype: 'textfield',
    fieldLabel: 'Email',
    name: 'email',
    vtype: 'email',
    allowBlank:false
},
....
....
]

如何在 之间留出/增加空间文本框和中间名 柱子？

Answer 1

如果您知道列数，请使用列布局。否则这样做:

defaults: {
    labelStyle: 'padding-left:10px;'
},
items: [...]