Extjs我无法将面板和按钮项分开

Question

var panelMain = new Ext.Panel({
        ,autoHeight: true
        ,autoWidth: true
        ,bodyStyle: 'padding:10px'
        ,nombreTab : 'cabeceraDinamica'
        ,items:[
                    {
                        style: 'float:left;'
                        ,border: false
                        ,items:[panelColumna1,fileBtn]
                    }
                ]
    });

我无法将面板和按钮项目分开，我尝试在风格上添加 margin-bottom: 20px; 我该如何解决？由于两个项目一起出现在底部

panelColumna1 --> 是一个面板 filetBtn --> 是一个 btn

 var fileBtn =  new Ext.Button({
        text    : 'Botón prueba',
        id: 'botonId',
        handler : myBtnHandler
    });

Answer 1

您可以使用边距属性。 https://fiddle.sencha.com/#view/editor&fiddle/3avt

var fileBtn = new Ext.Button({
    text: 'Botón prueba',
    id: 'botonId',
    margin: {
        top: 10,
        left :0
    }
});
var panelColumna1 = new Ext.Panel({
    title: 'panelColumna1'

});

var panelMain = new Ext.Panel({
    autoHeight: true,
    autoWidth: true,
    renderTo: Ext.getBody(),
    items: [{
        style: 'float:left;',
        border: false,
        items: [panelColumna1, fileBtn]
    }]
});

Extjs我无法将面板和按钮项分开

Extjs I can't separate the panel and button items

javascript

extjs