在Ext.Panel中的項目之間添加邊距

Question

我有一個Panel，其中兩個按鈕在另一個面板內使用。現在它正確呈現按鈕，但我想在它們之間添加一個邊距。如何正確配置佈局來獲得這個？

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

它們之間補充一點：

{ 
xtype: 'tbspacer', 
flex: 1 
} 

Answer 2

或者將它添加到左邊的按鈕定義：

{ 
    margin: '0 5px 0 0' 
}