So fügen Sie Leerzeichen zwischen den Komponenten in Ext js 4 layout

Ich bin bewegt von adobe flex, ext js 4, und ich stellte fest, dass in Extjs, in der die Komponenten angebracht sind, zu schließen. Es gibt keine Kluft zwischen dann. Dies kann angesichts dieses Beispiel:

    var win = Ext.create('Ext.window.Window', {
    layout: 'hbox',
    height: 500,
    width: 400,
    title: 'hbox',      
    items: [
      Ext.create('Ext.button.Button',
      {
        text: 'My button 1',
        width: 150
      }),
      Ext.create('Ext.button.Button',
      {
        text: 'My button 2',
        width: 150
      })
    ]
});

win.show();

Dem zwei-Knopf-null-Raum von einander.

Wie ein Leerzeichen (Lücke oder für immer) aus den Komponenten?

Dank.

InformationsquelleAutor der Frage Beetlejuice | 2012-07-03

  1. 18

    Verwenden Sie die margin-config:

    Ext.onReady(function() {
    var win = Ext.create('Ext.window.Window', {
        layout: 'hbox',
        height: 500,
        width: 400,
        autoShow: true,
        title: 'hbox',
        defaultType: 'button',
        items: [{
            text: 'My button 1',
            width: 150,
            margin: '10 20 30 40'
        }, {
            text: 'My button 2',
            width: 150,
            margin: '40 30 20 10'
        }]
    });
});

    InformationsquelleAutor der Antwort Evan Trimboli

  2. 2

    wie eine Marge ?
    Sie können hinzufügen, dass der Stil atttribute. Sehen Sie diese ex http://jsfiddle.net/nscrob/5rn8C/5/

    InformationsquelleAutor der Antwort nscrob

Schreibe einen Kommentar