如何增加EXTJS中字段之间的空间

我有一个窗口，我有项目，如下图所示。我想给文件之间的差距

代码：

---

您需要为字段设置边距。 检查这把小提琴-

---

fiddle在5.1中，但配置在4.x中也可用。

对每一行使用

布局：'hbox'

但是，看起来您应该使用

类型：“label”

，而不是在textfield组件中正确设置label

给你一把小提琴：

我的布局：

layout: {
            type: 'vbox',
            align: 'stretch'
        },
        width: 400,
        defaults: {
            layout: 'hbox',
            margin: 10
        },
        items: [{
            items: [{
                xtype: 'label',
                text: 'Market',
                forId: 'test-1',
                flex: 1
            }, {
                xtype: 'combo',
                inputId: 'test-1',
                allowBlank: false,
                store: store,
                queryMode: 'local',
                displayField: 'MarketName',
                forceSelection: true,
                valueField: 'Id',
                flex: 3
            }]
        }, {
            items: [{
                xtype: 'label',
                text: 'Name',
                forId: 'test-2',
                flex: 1
            }, {
                xtype: 'textfield',
                inputId: 'test-2',
                flex: 3
            }]
        }],

我找到了解决办法 我已经在字段之间的下面一行写了

{
  xtype: 'tbspacer',
  height:10
},

我们还可以添加替代上述代码的代码

{
     height:10
}

两者都会奏效

添加此代码之前：

添加代码后：

---

什么版本？你用的是什么布局？添加一些代码。我认为这不是一个好主意。它将添加许多不必要的div元素，看起来有很多表单字段。只是一个意见。并不是说它很糟糕。@Seram：是的，兄弟，我同意。如果字段的数量较少，那么我们可以使用它，但这是一个紧急要求，现在我正在寻找其他选项。谢谢：-）如果您定义字段的边距，它会更干净。

{
     height:10
}