在Ext.Panel中的项之间添加边距

Question

我有一个带有两个按钮的面板，在另一个面板中使用。现在它正确地呈现按钮，但我想在它们之间添加边距。如何正确配置布局以获得此功能？

    return Ext.create('Ext.panel.Panel', {
        width: 220,
        height: 35,
        border: false,
        collapsible: false,
        renderTo: renderTo,

        items : [    
            {
                xtype: 'button',
                scale: 'medium',
                text: this.exportButtonText,
                handler: function() {
                    var form = this.form.getForm();

                    if (form.isValid()) {
                        var values = form.getValues();
                        form.reset();

                        this.plugin.printSettings = values;

                        this.progressBar.show();
                        this.plugin.doPrint();
                    }
                },
                scope: this
            },
            {
                xtype: 'button',
                scale: 'medium',
                text: this.cancelButtonText,
                handler: function() {
                    me.close();
                },
                scope: this 
            }                
        ]
    });

Answer 1

或者将其添加到左键定义：

{
   margin: '0 5px 0 0'
}

Answer 2

在它们之间添加：

{
 xtype: 'tbspacer',
 flex: 1
}