Ext.Panel의 항목 사이에 여백 추가

Question

다른 패널 내부에서 사용되는 두 개의 버튼이있는 패널이 있습니다. 지금은 버튼을 올바르게 렌더링하지만 그 사이에 여백을 추가하고 싶습니다. 레이아웃을 올바르게 구성하려면 어떻게해야합니까?

{ 
xtype: 'tbspacer', 
flex: 1 
} 

Answer 1

그들 사이에이에 추가

{ 
    margin: '0 5px 0 0' 
} 

Answer 2

또는 왼쪽 버튼 정의에 이것을 추가 :

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 
      }     
     ] 
    });