javascript - Ext.Panel のアイテム間に余白を追加する

Question

別のパネル内で使用される 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 
            }                
        ]
    });

Answer 1

または、これを左ボタンの定義に追加します。

{
   margin: '0 5px 0 0'
}

Answer 2

それらの間にこれを追加します：

{
 xtype: 'tbspacer',
 flex: 1
}