Javascript Extjs 4-具有列布局的表单不包含边距字段

以下是我的看法：

Ext.define('NG.view.order.Header', {
    extend: 'Ext.form.Panel',
    alias: 'widget.orderheader',
    scroll: 'vertical',
    layout: 'column',
    defaults: {
        columnWidth: .33,
        border: false
    },
    config: {
        order: null
    },

    constructor: function (config) {
        var me = this;

        me.items = me.createItems();

        me.callParent(arguments);

        me.setOrder(config.order);
    },

    // creates this view items.
    createItems: function () {
        var items = [{
            //column 1
            layout: 'form',
            defaultType: 'displayfield',
            defaults: {
                margin:'0 0 15 0'
            },
            items: [{
                fieldLabel: 'No',
                name: 'orderNumber'
            }, {
                fieldLabel: 'Ver',
                name: 'version'
            }, {
                fieldLabel: 'Date',
                name: 'orderDate',
                renderer: Ext.util.Format.dateRenderer(Date.patterns.defaultFormat)
            }, {
                fieldLabel: 'Amount',
                name: 'totalAmount'
            }]

        }, {
            //column 2
            layout: 'form',
            defaultType: 'displayfield',
            items: [{
                fieldLabel: 'Supplier',
                name: 'vendorName'
            }, {
                fieldLabel: 'Supplier No',
                name: 'vendorDuns'
            }, {
                fieldLabel: 'Customer',
                name: 'customerName'
            }, {
                fieldLabel: 'Buyer',
                name: 'orderBuyerName'
            }]
        }]

        return items;
    }
});

如您所见，我在第一列字段上设置了边距

它似乎忽略了这个值

这是一个已知的问题吗

---

有解决方法吗？

我看到您在容器列1内的所有字段上都设置了一个底部空白，布局为“form”。这与你的问题不符。那么你期望什么呢？我期望每个字段有10像素的余量。这是我的问题，我没有看到。我尝试在自己的应用程序中添加相同的边距，但在字段集中的字段上效果很好。我不知道表单布局容器的默认类是什么，但您可能希望显式定义xtype，以确保获得预期的结果。字段也是如此。